/* Compass */
/* Colours */
/* Navigation bar */
body .navbar {
  background: #fff !important;
  color: #559edb !important;
  border-bottom: 2px solid #e6007e !important; }
  body .navbar .navbar-header {
    font-weight: 700;
    -webkit-transition: 0.3s ease-in-out height;
    -moz-transition: 0.3s ease-in-out height false;
    -o-transition: 0.3s ease-in-out height false;
    transition: 0.3s ease-in-out height;
    background: transparent; }
    body .navbar .navbar-header:hover {
      -webkit-transition: 0.2s ease color;
      -moz-transition: 0.2s ease color false;
      -o-transition: 0.2s ease color false;
      transition: 0.2s ease color;
      color: #40bbc4; }
    body .navbar .navbar-header a {
      padding: 0 1rem;
      background: transparent;
      color: #40bbc4; }
      body .navbar .navbar-header a img {
        height: 34px; }
  body .navbar .navbar-brand a {
    color: #1c1c1c; }
    body .navbar .navbar-brand a:hover {
      color: #1c1c1c; }
  body .navbar a, body .navbar ul li a, body .navbar ul li a.sidebar-toggle-right {
    background: transparent;
    color: #2c86d1; }
    body .navbar a:hover, body .navbar ul li a:hover, body .navbar ul li a.sidebar-toggle-right:hover {
      color: #236ba7; }
  body .navbar .nav .sidebar-toggle-right {
    margin: 0 0.5rem; }

body .navbar-collapse {
  background: #fff !important;
  color: #559edb !important; }

body .navbar ul.navbar-nav li a {
  color: #559edb; }
  body .navbar ul.navbar-nav li a:hover {
    color: #236ba7; }

/* Sidebar */
body #vertical-nav .sidebar-header {
  background: #fff;
  border-bottom: solid 2px #e6007e; }
  body #vertical-nav .sidebar-header .bar {
    background: #e6007e; }
  body #vertical-nav .sidebar-header a:hover .bar {
    background: #ff1a97; }

/* Layout */
body {
  background-color: whitesmoke; }

body:not(.login) #vertical-nav.expanded + .navbar + .pusher:before {
  background-position-x: calc(50% - 7rem); }

body:not(.login) #vertical-nav:not(.expanded) + .navbar + .pusher:before {
  background-position-x: 50%; }

body.login #vertical-nav.expanded + .navbar + .pusher:before {
  background-position-x: calc(50% - 8rem); }

body.login #vertical-nav:not(.expanded) + .navbar + .pusher:before {
  background-position-x: calc(50% - 2rem); }

body.pushable > .pusher:before, body.login > .pusher:before {
  position: fixed;
  display: block;
  width: 70%;
  height: 70vh;
  margin: 15vh 15%;
  content: '';
  background-image: url("../img/link.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  opacity: .5;
  z-index: -1;
  background-color: transparent; }

body.pushable > .pusher #main, body.login > .pusher #main {
  z-index: 1; }

body > .pusher:before {
  opacity: 0; }

.login-box {
  border-top-color: #009fe3;
  border-bottom-color: #009fe3;
  background: rgba(255, 255, 255, 0.85); }
  .login-box .btn.btn-success {
    background: #e6007e;
    border-color: #b30062; }
    .login-box .btn.btn-success:hover {
      background: #b30062; }

/* Buttons */
.bg-success {
  background-color: #81cb3d !important;
  color: #fff !important; }
  .bg-success .fa-inverse {
    color: #81cb3d !important; }

.btn.btn-success, a.btn.btn-success {
  background-color: #81cb3d;
  color: #fff;
  border: 1px solid #68a82d; }
  .btn.btn-success.fa, a.btn.btn-success.fa {
    border: 1px solid #5b9428 !important;
    background: transparent;
    color: #fff; }
  .btn.btn-success:not([disabled]):hover, .btn.btn-success:not([disabled]):focus, .btn.btn-success:not([disabled]):active, .btn.btn-success:not([disabled]).active, .btn.btn-success:not([disabled])[checked="checked"], a.btn.btn-success:not([disabled]):hover, a.btn.btn-success:not([disabled]):focus, a.btn.btn-success:not([disabled]):active, a.btn.btn-success:not([disabled]).active, a.btn.btn-success:not([disabled])[checked="checked"] {
    background-color: #68a82d;
    border-color: #5b9428;
    color: #fff; }
  .btn.btn-success[disabled]:hover, .btn.btn-success[disabled]:focus, .btn.btn-success[disabled]:active, .btn.btn-success[disabled].active, a.btn.btn-success[disabled]:hover, a.btn.btn-success[disabled]:focus, a.btn.btn-success[disabled]:active, a.btn.btn-success[disabled].active {
    background-color: #81cb3d !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-outline-success, .btn.btn-success-outline, a.btn.btn-outline-success, a.btn.btn-success-outline {
  background-color: var(--colour-card-background, white);
  border: 1px solid #81cb3d;
  color: #68a82d; }
  .btn.btn-outline-success:not([disabled]):hover, .btn.btn-outline-success:not([disabled]):focus, .btn.btn-outline-success:not([disabled]):active, .btn.btn-outline-success:not([disabled]).active, .btn.btn-outline-success:not([disabled])[checked="checked"], .btn.btn-success-outline:not([disabled]):hover, .btn.btn-success-outline:not([disabled]):focus, .btn.btn-success-outline:not([disabled]):active, .btn.btn-success-outline:not([disabled]).active, .btn.btn-success-outline:not([disabled])[checked="checked"], a.btn.btn-outline-success:not([disabled]):hover, a.btn.btn-outline-success:not([disabled]):focus, a.btn.btn-outline-success:not([disabled]):active, a.btn.btn-outline-success:not([disabled]).active, a.btn.btn-outline-success:not([disabled])[checked="checked"], a.btn.btn-success-outline:not([disabled]):hover, a.btn.btn-success-outline:not([disabled]):focus, a.btn.btn-success-outline:not([disabled]):active, a.btn.btn-success-outline:not([disabled]).active, a.btn.btn-success-outline:not([disabled])[checked="checked"] {
    background-color: #81cb3d;
    border-color: #68a82d;
    color: #fff; }
  .btn.btn-outline-success[disabled]:hover, .btn.btn-outline-success[disabled]:focus, .btn.btn-outline-success[disabled]:active, .btn.btn-outline-success[disabled].active, .btn.btn-success-outline[disabled]:hover, .btn.btn-success-outline[disabled]:focus, .btn.btn-success-outline[disabled]:active, .btn.btn-success-outline[disabled].active, a.btn.btn-outline-success[disabled]:hover, a.btn.btn-outline-success[disabled]:focus, a.btn.btn-outline-success[disabled]:active, a.btn.btn-outline-success[disabled].active, a.btn.btn-success-outline[disabled]:hover, a.btn.btn-success-outline[disabled]:focus, a.btn.btn-success-outline[disabled]:active, a.btn.btn-success-outline[disabled].active {
    background-color: var(--colour-card-background, white) !important;
    border: 1px solid #81cb3d;
    color: #68a82d;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-hover-success:not([disabled]):hover, .btn.btn-hover-success:not([disabled]).active, a.btn.btn-hover-success:not([disabled]):hover, a.btn.btn-hover-success:not([disabled]).active {
  background-color: #81cb3d !important;
  color: #fff !important;
  border: 1px solid #68a82d !important; }

.open > .dropdown-toggle.btn-success {
  background-color: #81cb3d; }

.bg-primary {
  background-color: #e6007e !important;
  color: #fff !important; }
  .bg-primary .fa-inverse {
    color: #e6007e !important; }

.btn.btn-primary, a.btn.btn-primary {
  background-color: #e6007e;
  color: #fff;
  border: 1px solid #b30062; }
  .btn.btn-primary.fa, a.btn.btn-primary.fa {
    border: 1px solid #5b9428 !important;
    background: transparent;
    color: #fff; }
  .btn.btn-primary:not([disabled]):hover, .btn.btn-primary:not([disabled]):focus, .btn.btn-primary:not([disabled]):active, .btn.btn-primary:not([disabled]).active, .btn.btn-primary:not([disabled])[checked="checked"], a.btn.btn-primary:not([disabled]):hover, a.btn.btn-primary:not([disabled]):focus, a.btn.btn-primary:not([disabled]):active, a.btn.btn-primary:not([disabled]).active, a.btn.btn-primary:not([disabled])[checked="checked"] {
    background-color: #b30062;
    border-color: #800046;
    color: #fff; }
  .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled].active, a.btn.btn-primary[disabled]:hover, a.btn.btn-primary[disabled]:focus, a.btn.btn-primary[disabled]:active, a.btn.btn-primary[disabled].active {
    background-color: #e6007e !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-outline-primary, .btn.btn-primary-outline, a.btn.btn-outline-primary, a.btn.btn-primary-outline {
  background-color: var(--colour-card-background, white);
  border: 1px solid #e6007e;
  color: #b30062; }
  .btn.btn-outline-primary:not([disabled]):hover, .btn.btn-outline-primary:not([disabled]):focus, .btn.btn-outline-primary:not([disabled]):active, .btn.btn-outline-primary:not([disabled]).active, .btn.btn-outline-primary:not([disabled])[checked="checked"], .btn.btn-primary-outline:not([disabled]):hover, .btn.btn-primary-outline:not([disabled]):focus, .btn.btn-primary-outline:not([disabled]):active, .btn.btn-primary-outline:not([disabled]).active, .btn.btn-primary-outline:not([disabled])[checked="checked"], a.btn.btn-outline-primary:not([disabled]):hover, a.btn.btn-outline-primary:not([disabled]):focus, a.btn.btn-outline-primary:not([disabled]):active, a.btn.btn-outline-primary:not([disabled]).active, a.btn.btn-outline-primary:not([disabled])[checked="checked"], a.btn.btn-primary-outline:not([disabled]):hover, a.btn.btn-primary-outline:not([disabled]):focus, a.btn.btn-primary-outline:not([disabled]):active, a.btn.btn-primary-outline:not([disabled]).active, a.btn.btn-primary-outline:not([disabled])[checked="checked"] {
    background-color: #e6007e;
    border-color: #b30062;
    color: #fff; }
  .btn.btn-outline-primary[disabled]:hover, .btn.btn-outline-primary[disabled]:focus, .btn.btn-outline-primary[disabled]:active, .btn.btn-outline-primary[disabled].active, .btn.btn-primary-outline[disabled]:hover, .btn.btn-primary-outline[disabled]:focus, .btn.btn-primary-outline[disabled]:active, .btn.btn-primary-outline[disabled].active, a.btn.btn-outline-primary[disabled]:hover, a.btn.btn-outline-primary[disabled]:focus, a.btn.btn-outline-primary[disabled]:active, a.btn.btn-outline-primary[disabled].active, a.btn.btn-primary-outline[disabled]:hover, a.btn.btn-primary-outline[disabled]:focus, a.btn.btn-primary-outline[disabled]:active, a.btn.btn-primary-outline[disabled].active {
    background-color: var(--colour-card-background, white) !important;
    border: 1px solid #e6007e;
    color: #b30062;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-hover-primary:not([disabled]):hover, .btn.btn-hover-primary:not([disabled]).active, a.btn.btn-hover-primary:not([disabled]):hover, a.btn.btn-hover-primary:not([disabled]).active {
  background-color: #e6007e !important;
  color: #fff !important;
  border: 1px solid #b30062 !important; }

.open > .dropdown-toggle.btn-primary {
  background-color: #e6007e; }

.bg-info {
  background-color: #559edb !important;
  color: #fff !important; }
  .bg-info .fa-inverse {
    color: #559edb !important; }

.btn.btn-info, a.btn.btn-info {
  background-color: #559edb;
  color: #fff;
  border: 1px solid #2c86d1; }
  .btn.btn-info.fa, a.btn.btn-info.fa {
    border: 1px solid #5b9428 !important;
    background: transparent;
    color: #fff; }
  .btn.btn-info:not([disabled]):hover, .btn.btn-info:not([disabled]):focus, .btn.btn-info:not([disabled]):active, .btn.btn-info:not([disabled]).active, .btn.btn-info:not([disabled])[checked="checked"], a.btn.btn-info:not([disabled]):hover, a.btn.btn-info:not([disabled]):focus, a.btn.btn-info:not([disabled]):active, a.btn.btn-info:not([disabled]).active, a.btn.btn-info:not([disabled])[checked="checked"] {
    background-color: #2c86d1;
    border-color: #236ba7;
    color: #fff; }
  .btn.btn-info[disabled]:hover, .btn.btn-info[disabled]:focus, .btn.btn-info[disabled]:active, .btn.btn-info[disabled].active, a.btn.btn-info[disabled]:hover, a.btn.btn-info[disabled]:focus, a.btn.btn-info[disabled]:active, a.btn.btn-info[disabled].active {
    background-color: #559edb !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-outline-info, .btn.btn-info-outline, a.btn.btn-outline-info, a.btn.btn-info-outline {
  background-color: var(--colour-card-background, white);
  border: 1px solid #559edb;
  color: #2c86d1; }
  .btn.btn-outline-info:not([disabled]):hover, .btn.btn-outline-info:not([disabled]):focus, .btn.btn-outline-info:not([disabled]):active, .btn.btn-outline-info:not([disabled]).active, .btn.btn-outline-info:not([disabled])[checked="checked"], .btn.btn-info-outline:not([disabled]):hover, .btn.btn-info-outline:not([disabled]):focus, .btn.btn-info-outline:not([disabled]):active, .btn.btn-info-outline:not([disabled]).active, .btn.btn-info-outline:not([disabled])[checked="checked"], a.btn.btn-outline-info:not([disabled]):hover, a.btn.btn-outline-info:not([disabled]):focus, a.btn.btn-outline-info:not([disabled]):active, a.btn.btn-outline-info:not([disabled]).active, a.btn.btn-outline-info:not([disabled])[checked="checked"], a.btn.btn-info-outline:not([disabled]):hover, a.btn.btn-info-outline:not([disabled]):focus, a.btn.btn-info-outline:not([disabled]):active, a.btn.btn-info-outline:not([disabled]).active, a.btn.btn-info-outline:not([disabled])[checked="checked"] {
    background-color: #559edb;
    border-color: #2c86d1;
    color: #fff; }
  .btn.btn-outline-info[disabled]:hover, .btn.btn-outline-info[disabled]:focus, .btn.btn-outline-info[disabled]:active, .btn.btn-outline-info[disabled].active, .btn.btn-info-outline[disabled]:hover, .btn.btn-info-outline[disabled]:focus, .btn.btn-info-outline[disabled]:active, .btn.btn-info-outline[disabled].active, a.btn.btn-outline-info[disabled]:hover, a.btn.btn-outline-info[disabled]:focus, a.btn.btn-outline-info[disabled]:active, a.btn.btn-outline-info[disabled].active, a.btn.btn-info-outline[disabled]:hover, a.btn.btn-info-outline[disabled]:focus, a.btn.btn-info-outline[disabled]:active, a.btn.btn-info-outline[disabled].active {
    background-color: var(--colour-card-background, white) !important;
    border: 1px solid #559edb;
    color: #2c86d1;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-hover-info:not([disabled]):hover, .btn.btn-hover-info:not([disabled]).active, a.btn.btn-hover-info:not([disabled]):hover, a.btn.btn-hover-info:not([disabled]).active {
  background-color: #559edb !important;
  color: #fff !important;
  border: 1px solid #2c86d1 !important; }

.open > .dropdown-toggle.btn-info {
  background-color: #559edb; }

.bg-warning {
  background-color: var(--colour-orange, #f0b13d) !important;
  color: #fff !important; }
  .bg-warning .fa-inverse {
    color: var(--colour-orange, #f0b13d) !important; }

.btn.btn-warning, a.btn.btn-warning {
  background-color: var(--colour-orange, #f0b13d);
  color: #fff;
  border: 1px solid var(--colour-orange-40, #e89d11); }
  .btn.btn-warning.fa, a.btn.btn-warning.fa {
    border: 1px solid #5b9428 !important;
    background: transparent;
    color: #fff; }
  .btn.btn-warning:not([disabled]):hover, .btn.btn-warning:not([disabled]):focus, .btn.btn-warning:not([disabled]):active, .btn.btn-warning:not([disabled]).active, .btn.btn-warning:not([disabled])[checked="checked"], a.btn.btn-warning:not([disabled]):hover, a.btn.btn-warning:not([disabled]):focus, a.btn.btn-warning:not([disabled]):active, a.btn.btn-warning:not([disabled]).active, a.btn.btn-warning:not([disabled])[checked="checked"] {
    background-color: var(--colour-orange-45, #efa825);
    border-color: var(--colour-orange-30, #b97d0e);
    color: #fff; }
  .btn.btn-warning[disabled]:hover, .btn.btn-warning[disabled]:focus, .btn.btn-warning[disabled]:active, .btn.btn-warning[disabled].active, a.btn.btn-warning[disabled]:hover, a.btn.btn-warning[disabled]:focus, a.btn.btn-warning[disabled]:active, a.btn.btn-warning[disabled].active {
    background-color: var(--colour-orange, #f0b13d) !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-outline-warning, .btn.btn-warning-outline, a.btn.btn-outline-warning, a.btn.btn-warning-outline {
  background-color: var(--colour-card-background, white);
  border: 1px solid var(--colour-orange, #f0b13d);
  color: var(--colour-orange, #f0b13d); }
  .btn.btn-outline-warning:not([disabled]):hover, .btn.btn-outline-warning:not([disabled]):focus, .btn.btn-outline-warning:not([disabled]):active, .btn.btn-outline-warning:not([disabled]).active, .btn.btn-outline-warning:not([disabled])[checked="checked"], .btn.btn-warning-outline:not([disabled]):hover, .btn.btn-warning-outline:not([disabled]):focus, .btn.btn-warning-outline:not([disabled]):active, .btn.btn-warning-outline:not([disabled]).active, .btn.btn-warning-outline:not([disabled])[checked="checked"], a.btn.btn-outline-warning:not([disabled]):hover, a.btn.btn-outline-warning:not([disabled]):focus, a.btn.btn-outline-warning:not([disabled]):active, a.btn.btn-outline-warning:not([disabled]).active, a.btn.btn-outline-warning:not([disabled])[checked="checked"], a.btn.btn-warning-outline:not([disabled]):hover, a.btn.btn-warning-outline:not([disabled]):focus, a.btn.btn-warning-outline:not([disabled]):active, a.btn.btn-warning-outline:not([disabled]).active, a.btn.btn-warning-outline:not([disabled])[checked="checked"] {
    background-color: var(--colour-orange, #f0b13d);
    border-color: var(--colour-orange-40, #e89d11);
    color: #fff; }
  .btn.btn-outline-warning[disabled]:hover, .btn.btn-outline-warning[disabled]:focus, .btn.btn-outline-warning[disabled]:active, .btn.btn-outline-warning[disabled].active, .btn.btn-warning-outline[disabled]:hover, .btn.btn-warning-outline[disabled]:focus, .btn.btn-warning-outline[disabled]:active, .btn.btn-warning-outline[disabled].active, a.btn.btn-outline-warning[disabled]:hover, a.btn.btn-outline-warning[disabled]:focus, a.btn.btn-outline-warning[disabled]:active, a.btn.btn-outline-warning[disabled].active, a.btn.btn-warning-outline[disabled]:hover, a.btn.btn-warning-outline[disabled]:focus, a.btn.btn-warning-outline[disabled]:active, a.btn.btn-warning-outline[disabled].active {
    background-color: var(--colour-card-background, white) !important;
    border: 1px solid var(--colour-orange, #f0b13d);
    color: var(--colour-orange, #f0b13d);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-hover-warning:not([disabled]):hover, .btn.btn-hover-warning:not([disabled]).active, a.btn.btn-hover-warning:not([disabled]):hover, a.btn.btn-hover-warning:not([disabled]).active {
  background-color: var(--colour-orange, #f0b13d) !important;
  color: #fff !important;
  border: 1px solid var(--colour-orange-40, #e89d11) !important; }

.open > .dropdown-toggle.btn-warning {
  background-color: var(--colour-orange, #f0b13d); }

.bg-danger {
  background-color: #db3344 !important;
  color: #fff !important; }
  .bg-danger .fa-inverse {
    color: #db3344 !important; }

.btn.btn-danger, a.btn.btn-danger {
  background-color: #db3344;
  color: #fff;
  border: 1px solid #c01b2c; }
  .btn.btn-danger.fa, a.btn.btn-danger.fa {
    border: 1px solid #5b9428 !important;
    background: transparent;
    color: #fff; }
  .btn.btn-danger:not([disabled]):hover, .btn.btn-danger:not([disabled]):focus, .btn.btn-danger:not([disabled]):active, .btn.btn-danger:not([disabled]).active, .btn.btn-danger:not([disabled])[checked="checked"], a.btn.btn-danger:not([disabled]):hover, a.btn.btn-danger:not([disabled]):focus, a.btn.btn-danger:not([disabled]):active, a.btn.btn-danger:not([disabled]).active, a.btn.btn-danger:not([disabled])[checked="checked"] {
    background-color: #c01b2c;
    border-color: #670f17;
    color: #fff; }
  .btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:focus, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled].active, a.btn.btn-danger[disabled]:hover, a.btn.btn-danger[disabled]:focus, a.btn.btn-danger[disabled]:active, a.btn.btn-danger[disabled].active {
    background-color: #db3344 !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-outline-danger, .btn.btn-danger-outline, a.btn.btn-outline-danger, a.btn.btn-danger-outline {
  background-color: var(--colour-card-background, white);
  border: 1px solid #db3344;
  color: #db3344; }
  .btn.btn-outline-danger:not([disabled]):hover, .btn.btn-outline-danger:not([disabled]):focus, .btn.btn-outline-danger:not([disabled]):active, .btn.btn-outline-danger:not([disabled]).active, .btn.btn-outline-danger:not([disabled])[checked="checked"], .btn.btn-danger-outline:not([disabled]):hover, .btn.btn-danger-outline:not([disabled]):focus, .btn.btn-danger-outline:not([disabled]):active, .btn.btn-danger-outline:not([disabled]).active, .btn.btn-danger-outline:not([disabled])[checked="checked"], a.btn.btn-outline-danger:not([disabled]):hover, a.btn.btn-outline-danger:not([disabled]):focus, a.btn.btn-outline-danger:not([disabled]):active, a.btn.btn-outline-danger:not([disabled]).active, a.btn.btn-outline-danger:not([disabled])[checked="checked"], a.btn.btn-danger-outline:not([disabled]):hover, a.btn.btn-danger-outline:not([disabled]):focus, a.btn.btn-danger-outline:not([disabled]):active, a.btn.btn-danger-outline:not([disabled]).active, a.btn.btn-danger-outline:not([disabled])[checked="checked"] {
    background-color: #db3344;
    border-color: #c01b2c;
    color: #fff; }
  .btn.btn-outline-danger[disabled]:hover, .btn.btn-outline-danger[disabled]:focus, .btn.btn-outline-danger[disabled]:active, .btn.btn-outline-danger[disabled].active, .btn.btn-danger-outline[disabled]:hover, .btn.btn-danger-outline[disabled]:focus, .btn.btn-danger-outline[disabled]:active, .btn.btn-danger-outline[disabled].active, a.btn.btn-outline-danger[disabled]:hover, a.btn.btn-outline-danger[disabled]:focus, a.btn.btn-outline-danger[disabled]:active, a.btn.btn-outline-danger[disabled].active, a.btn.btn-danger-outline[disabled]:hover, a.btn.btn-danger-outline[disabled]:focus, a.btn.btn-danger-outline[disabled]:active, a.btn.btn-danger-outline[disabled].active {
    background-color: var(--colour-card-background, white) !important;
    border: 1px solid #db3344;
    color: #db3344;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-hover-danger:not([disabled]):hover, .btn.btn-hover-danger:not([disabled]).active, a.btn.btn-hover-danger:not([disabled]):hover, a.btn.btn-hover-danger:not([disabled]).active {
  background-color: #db3344 !important;
  color: #fff !important;
  border: 1px solid #c01b2c !important; }

.open > .dropdown-toggle.btn-danger {
  background-color: #db3344; }

.bg-default {
  background-color: var(--colour-card-background-45, #f2f2f2) !important;
  color: var(--colour-text, black) !important; }
  .bg-default .fa-inverse {
    color: var(--colour-card-background-45, #f2f2f2) !important; }

.btn.btn-default, a.btn.btn-default {
  background-color: var(--colour-card-background-45, #f2f2f2);
  color: var(--colour-text, black);
  border: 1px solid var(--colour-card-background-40, #e6e6e6); }
  .btn.btn-default.fa, a.btn.btn-default.fa {
    border: 1px solid #5b9428 !important;
    background: transparent;
    color: var(--colour-text, black); }
  .btn.btn-default:not([disabled]):hover, .btn.btn-default:not([disabled]):focus, .btn.btn-default:not([disabled]):active, .btn.btn-default:not([disabled]).active, .btn.btn-default:not([disabled])[checked="checked"], a.btn.btn-default:not([disabled]):hover, a.btn.btn-default:not([disabled]):focus, a.btn.btn-default:not([disabled]):active, a.btn.btn-default:not([disabled]).active, a.btn.btn-default:not([disabled])[checked="checked"] {
    background-color: var(--colour-card-background-40, #e6e6e6);
    border-color: var(--colour-card-background-30, #cccccc);
    color: var(--colour-text, black); }
  .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled].active, a.btn.btn-default[disabled]:hover, a.btn.btn-default[disabled]:focus, a.btn.btn-default[disabled]:active, a.btn.btn-default[disabled].active {
    background-color: var(--colour-card-background-45, #f2f2f2) !important;
    color: var(--colour-text, black);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-outline-default, .btn.btn-default-outline, a.btn.btn-outline-default, a.btn.btn-default-outline {
  background-color: var(--colour-card-background-50);
  border: 1px solid var(--colour-card-background-40, #e6e6e6);
  color: var(--colour-text, black); }
  .btn.btn-outline-default:not([disabled]):hover, .btn.btn-outline-default:not([disabled]):focus, .btn.btn-outline-default:not([disabled]):active, .btn.btn-outline-default:not([disabled]).active, .btn.btn-outline-default:not([disabled])[checked="checked"], .btn.btn-default-outline:not([disabled]):hover, .btn.btn-default-outline:not([disabled]):focus, .btn.btn-default-outline:not([disabled]):active, .btn.btn-default-outline:not([disabled]).active, .btn.btn-default-outline:not([disabled])[checked="checked"], a.btn.btn-outline-default:not([disabled]):hover, a.btn.btn-outline-default:not([disabled]):focus, a.btn.btn-outline-default:not([disabled]):active, a.btn.btn-outline-default:not([disabled]).active, a.btn.btn-outline-default:not([disabled])[checked="checked"], a.btn.btn-default-outline:not([disabled]):hover, a.btn.btn-default-outline:not([disabled]):focus, a.btn.btn-default-outline:not([disabled]):active, a.btn.btn-default-outline:not([disabled]).active, a.btn.btn-default-outline:not([disabled])[checked="checked"] {
    background-color: var(--colour-card-background-45);
    border-color: var(--colour-card-background-30, #cccccc);
    color: var(--colour-text, black); }
  .btn.btn-outline-default[disabled]:hover, .btn.btn-outline-default[disabled]:focus, .btn.btn-outline-default[disabled]:active, .btn.btn-outline-default[disabled].active, .btn.btn-default-outline[disabled]:hover, .btn.btn-default-outline[disabled]:focus, .btn.btn-default-outline[disabled]:active, .btn.btn-default-outline[disabled].active, a.btn.btn-outline-default[disabled]:hover, a.btn.btn-outline-default[disabled]:focus, a.btn.btn-outline-default[disabled]:active, a.btn.btn-outline-default[disabled].active, a.btn.btn-default-outline[disabled]:hover, a.btn.btn-default-outline[disabled]:focus, a.btn.btn-default-outline[disabled]:active, a.btn.btn-default-outline[disabled].active {
    background-color: var(--colour-card-background-50) !important;
    border: 1px solid var(--colour-card-background-40, #e6e6e6);
    color: var(--colour-text, black);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-hover-default:not([disabled]):hover, .btn.btn-hover-default:not([disabled]).active, a.btn.btn-hover-default:not([disabled]):hover, a.btn.btn-hover-default:not([disabled]).active {
  background-color: var(--colour-card-background-45, #f2f2f2) !important;
  color: var(--colour-text, black) !important;
  border: 1px solid var(--colour-card-background-40, #e6e6e6) !important; }

.open > .dropdown-toggle.btn-default {
  background-color: var(--colour-card-background-45, #f2f2f2); }

/* Alerts */
.alert.alert-success {
  background-color: #81cb3d;
  color: #fff;
  border-bottom: 2px solid #68a82d; }
  .alert.alert-success .close {
    color: #fff; }

.alert.alert-primary {
  background-color: #e6007e;
  color: #fff;
  border-bottom: 2px solid #b30062; }
  .alert.alert-primary .close {
    color: #fff; }

.alert.alert-info {
  background-color: #559edb;
  color: #fff;
  border-bottom: 2px solid #2c86d1; }
  .alert.alert-info .close {
    color: #fff; }

.alert.alert-warning {
  background-color: var(--colour-orange, #f0b13d);
  color: #fff;
  border-bottom: 2px solid var(--colour-orange-40, #e89d11); }
  .alert.alert-warning .close {
    color: #fff; }

.alert.alert-danger {
  background-color: #db3344;
  color: #fff;
  border-bottom: 2px solid #c01b2c; }
  .alert.alert-danger .close {
    color: #fff; }

.alert.alert-default {
  background-color: var(--colour-card-background, white);
  color: var(--colour-text, black);
  border-bottom: 2px solid var(--colour-card-background-40, #e6e6e6); }
  .alert.alert-default .close {
    color: var(--colour-text, black); }

.alert {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 1em; }
  .alert.flex {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .alert img {
    max-width: 100%; }
  .alert .close {
    font-size: 32px;
    font-weight: bold;
    line-height: inherit;
    text-shadow: 0 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    opacity: 0.65;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all false;
    -o-transition: 0.3s ease all false;
    transition: 0.3s ease all; }
    .alert .close:hover {
      -webkit-transition: 0.1s ease all;
      -moz-transition: 0.1s ease all false;
      -o-transition: 0.1s ease all false;
      transition: 0.1s ease all;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }

/* Media */