cerebrate/webroot/css/themes/theme-quartz.css

/* Body */
.panel {
  background-color: transparent;
  border: none;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.25); }

/* Top navbar */
.top-navbar {
  background-color: #e83283; }

.center-navbar nav.header-breadcrumb {
  color: #fff; }

header.top-navbar .header-menu > a:hover,
header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
  color: #d6d6d6 !important; }

.top-navbar .center-navbar nav.header-breadcrumb li.header-breadcrumb-item a {
  color: #fff; }

.top-navbar .right-navbar .header-menu a.nav-link {
  color: #fff; }

.top-navbar .left-navbar .navbar-brand img {
  filter: invert(1); }

.top-navbar .left-navbar .navbar-brand:hover img {
  filter: invert(1) drop-shadow(0px 0px 3px #fff); }

.top-navbar .composed-app-icon-container > .app-icon {
  background-color: #fff; }

.breadcrumb-link-container {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.4); }

/* Sidebar */
.sidebar {
  transition: width .08s linear;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.4); }

.sidebar ~ main.content:after {
  background: #000; }

.sidebar .sidebar-wrapper {
  border-right: 1px solid none; }

.sidebar .sidebar-wrapper {
  border-right: 1px solid rgba(0, 0, 0, 0.125); }

.sidebar ul.sidebar-elements li > a.sidebar-link {
  color: #fff; }

.sidebar ul.sidebar-elements li > a.sidebar-link.active {
  background-color: #fff;
  color: #343a40; }

.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
  background-color: #fff;
  color: #343a40; }

.sidebar ul.sidebar-elements li > a.sidebar-link:hover {
  background-color: #fff;
  color: #343a40; }

.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child {
  background-color: unset; }

.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover {
  background-color: #fff; }

ul.sidebar-elements li > a.sidebar-link.active::after {
  background-color: #e83283; }

.lock-sidebar > a.btn {
  background-color: rgba(255, 255, 255, 0.4); }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #fff;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(232, 50, 131, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #e83283;
  border-color: #e83283; }
  .btn-primary:hover {
    color: #fff;
    background-color: #db196f;
    border-color: #d01769; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #db196f;
    border-color: #d01769;
    box-shadow: 0 0 0 0.2rem rgba(235, 81, 150, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #e83283;
    border-color: #e83283; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #d01769;
    border-color: #c41664; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(235, 81, 150, 0.5); }

.btn-secondary {
  color: #212529;
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4); }
  .btn-secondary:hover {
    color: #212529;
    background-color: rgba(236, 236, 236, 0.4);
    border-color: rgba(230, 230, 230, 0.4); }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #212529;
    background-color: rgba(236, 236, 236, 0.4);
    border-color: rgba(230, 230, 230, 0.4);
    box-shadow: 0 0 0 0.2rem rgba(163, 165, 166, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #212529;
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.4); }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: rgba(230, 230, 230, 0.4);
    border-color: rgba(223, 223, 223, 0.4); }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(163, 165, 166, 0.5); }

.btn-success {
  color: #212529;
  background-color: #41d7a7;
  border-color: #41d7a7; }
  .btn-success:hover {
    color: #fff;
    background-color: #2ac895;
    border-color: #28bd8d; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #2ac895;
    border-color: #28bd8d;
    box-shadow: 0 0 0 0.2rem rgba(60, 188, 148, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #212529;
    background-color: #41d7a7;
    border-color: #41d7a7; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #28bd8d;
    border-color: #26b386; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(60, 188, 148, 0.5); }

.btn-info {
  color: #212529;
  background-color: #39cbfb;
  border-color: #39cbfb; }
  .btn-info:hover {
    color: #fff;
    background-color: #14c1fa;
    border-color: #07befa; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #14c1fa;
    border-color: #07befa;
    box-shadow: 0 0 0 0.2rem rgba(53, 178, 220, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #212529;
    background-color: #39cbfb;
    border-color: #39cbfb; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #07befa;
    border-color: #05b5ef; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(53, 178, 220, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00; }
  .btn-warning:focus, .btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger {
  color: #212529;
  background-color: #fd7e14;
  border-color: #fd7e14; }
  .btn-danger:hover {
    color: #fff;
    background-color: #e96b02;
    border-color: #dc6502; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #e96b02;
    border-color: #dc6502;
    box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #212529;
    background-color: #fd7e14;
    border-color: #fd7e14; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc6502;
    border-color: #cf5f02; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5); }

.btn-light {
  color: #212529;
  background-color: #e9e9e8;
  border-color: #e9e9e8; }
  .btn-light:hover {
    color: #212529;
    background-color: #d6d6d4;
    border-color: #d0d0ce; }
  .btn-light:focus, .btn-light.focus {
    color: #212529;
    background-color: #d6d6d4;
    border-color: #d0d0ce;
    box-shadow: 0 0 0 0.2rem rgba(203, 204, 203, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #e9e9e8;
    border-color: #e9e9e8; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #d0d0ce;
    border-color: #cacac7; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(203, 204, 203, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529; }
  .btn-dark:hover {
    color: #fff;
    background-color: #101214;
    border-color: #0a0c0d; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #101214;
    border-color: #0a0c0d;
    box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #0a0c0d;
    border-color: #050506; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); }

.btn-outline-primary {
  color: #e83283;
  border-color: #e83283; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #e83283;
    border-color: #e83283; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 50, 131, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #e83283;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #e83283;
    border-color: #e83283; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(232, 50, 131, 0.5); }

.btn-outline-secondary {
  color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4); }
  .btn-outline-secondary:hover {
    color: #212529;
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.4); }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: rgba(255, 255, 255, 0.4);
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.4); }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

.btn-outline-success {
  color: #41d7a7;
  border-color: #41d7a7; }
  .btn-outline-success:hover {
    color: #212529;
    background-color: #41d7a7;
    border-color: #41d7a7; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(65, 215, 167, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #41d7a7;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #212529;
    background-color: #41d7a7;
    border-color: #41d7a7; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(65, 215, 167, 0.5); }

.btn-outline-info {
  color: #39cbfb;
  border-color: #39cbfb; }
  .btn-outline-info:hover {
    color: #212529;
    background-color: #39cbfb;
    border-color: #39cbfb; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(57, 203, 251, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #39cbfb;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #212529;
    background-color: #39cbfb;
    border-color: #39cbfb; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(57, 203, 251, 0.5); }

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: #fd7e14;
  border-color: #fd7e14; }
  .btn-outline-danger:hover {
    color: #212529;
    background-color: #fd7e14;
    border-color: #fd7e14; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #fd7e14;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #212529;
    background-color: #fd7e14;
    border-color: #fd7e14; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5); }

.btn-outline-light {
  color: #e9e9e8;
  border-color: #e9e9e8; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #e9e9e8;
    border-color: #e9e9e8; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(233, 233, 232, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #e9e9e8;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #e9e9e8;
    border-color: #e9e9e8; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(233, 233, 232, 0.5); }

.btn-outline-dark {
  color: #212529;
  border-color: #212529; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #212529;
    border-color: #212529; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); }

.btn-link {
  font-weight: 400;
  color: #fff;
  text-decoration: none; }
  .btn-link:hover {
    color: #d9d9d9;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.7rem; }

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.6rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }