/**
 * npwCMS module for Craft CMS
 *
 * npwCMS CSS
 *
 * @author    Hendrik Bunnick
 * @copyright Copyright (c) 2020 Hendrik Bunnick
 * @link      https://this.work
 * @package   npwCMSModule
 * @since     1.0.0
 */
body.login {
  color: #fff;
  background-color: #242424; }
  body.login #login-form .submit {
    background-color: #fff !important;
    border-color: #242424 !important;
    color: #242424 !important;
    font-weight: bold; }
  body.login #forgot-password {
    background-color: transparent;
    color: #fff; }
  body.login #spinner {
    position: absolute;
    top: 58px;
    left: 50%;
    margin-left: -12px;
    background-image: url("../img/spinner.gif");
    background-size: 24px 24px; }
  body.login #loginName-field .text {
    background-color: #fff !important;
    border-color: #242424 !important;
    color: #242424 !important; }
  body.login #loginName-field input#loginName:-webkit-autofill {
    -webkit-text-fill-color: #242424;
    box-shadow: 0 0 0px 1000px #fff inset; }
  body.login #password-field .text {
    background-color: #fff !important;
    color: #242424 !important; }
  body.login #password-field input:-webkit-autofill {
    -webkit-text-fill-color: #242424;
    box-shadow: 0 0 0px 1000px #fff inset; }
  body.login #password-field .password-toggle {
    color: #fff; }
  body.login #password-field .passwordwrapper {
    background-color: #fff !important;
    border-color: #242424 !important;
    color: #242424 !important; }
  body.login input.checkbox + label:before,
  body.login div.checkbox:before {
    background-color: #fff;
    border-color: #333;
    color: #242424; }
  body.login #poweredby {
    opacity: 0.6; }
    body.login #poweredby svg path[fill] {
      fill: #333; }

#global-sidebar {
  background: #242424; }
  #global-sidebar #system-name {
    color: #242424; }
  #global-sidebar #system-info {
    background: #fff;
    color: #242424; }
    #global-sidebar #system-info:focus, #global-sidebar #system-info:hover {
      background: #fff !important;
      color: #242424; }
    #global-sidebar #system-info:hover #system-name h2:after {
      background-image: linear-gradient(to right, #fff, #fff); }
  #global-sidebar a {
    color: #fff; }
  #global-sidebar > a[href]:not(.sel):hover,
  #global-sidebar *:not(.has-subnav) > a[href]:not(.sel):hover,
  #global-sidebar > a:hover,
  #global-sidebar :not(.has-subnav) > a:hover {
    background: rgba(255, 255, 255, 0.3);
    color: #fff; }
  #global-sidebar #nav li a .icon {
    opacity: 1; }
  #global-sidebar #nav li ul li a:not(.active) {
    color: #fff; }
  #global-sidebar #nav li a .icon.icon-mask svg rect,
  #global-sidebar #nav li a .icon.icon-mask svg circle,
  #global-sidebar #nav li a .icon.icon-mask svg ellipse,
  #global-sidebar #nav li a .icon.icon-mask svg line,
  #global-sidebar #nav li a .icon.icon-mask svg polyline,
  #global-sidebar #nav li a .icon.icon-mask svg polygon,
  #global-sidebar #nav li a .icon.icon-mask svg path,
  #global-sidebar #nav li a .icon.icon-mask svg text {
    fill: #fff;
    transition: fill linear 100ms; }
  #global-sidebar #nav li a .icon.icon-mask span[data-icon] {
    color: #fff;
    transition: color linear 100ms; }
  #global-sidebar #nav li.has-subnav a.sel {
    background-color: rgba(255, 255, 255, 0.5); }
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg rect,
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg circle,
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg ellipse,
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg line,
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg polyline,
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg polygon,
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg path,
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask svg text {
    fill: #fff; }
  #global-sidebar #nav li.has-subnav a.sel .icon.icon-mask span[data-icon] {
    color: #fff; }
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg rect,
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg circle,
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg ellipse,
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg line,
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg polyline,
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg polygon,
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg path,
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask svg text {
    fill: #242424; }
  #global-sidebar #nav li:not(.has-subnav) a.sel .icon.icon-mask span[data-icon] {
    color: #242424; }
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg rect,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg circle,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg ellipse,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg line,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg polyline,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg polygon,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg path,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask svg text,
  #global-sidebar #nav li:not(.has-subnav) a:not(.sel):hover .icon.icon-mask span[data-icon] {
    color: #fff;
    fill: #fff; }
  #global-sidebar #nav li a.sel:not(.has-subnav) .icon.icon-mask span[data-icon] {
    color: #242424; }
  #global-sidebar #nav li:not(.has-subnav) > a.sel {
    background: #fff;
    color: #242424; }
  #global-sidebar #nav li a .badge {
    background: #fff;
    color: #242424; }

#app-info {
  color: rgba(255, 255, 255, 0.25); }
  #app-info #edition #edition-logo {
    border-color: rgba(255, 255, 255, 0.25); }
  #app-info #edition.hot:hover #edition-logo {
    border-color: white; }
  #app-info #edition.hot:hover #edition-logo > .edition-name {
    color: white; }
  #app-info #edition.hot:hover #edition-logo > .edition-trial {
    background: none;
    color: white; }
  #app-info #edition #edition-logo > .edition-trial {
    background: none;
    padding-left: 0;
    color: rgba(255, 255, 255, 0.25);
    transition: color linear 100ms; }
  #app-info #edition #edition-logo > .edition-trial::before {
    display: none; }
  #app-info #version {
    text-shadow: none; }

#system-name h2:after {
  background: sidebar-system-name-bg-color;
  background-image: linear-gradient(to right, #fff, #fff); }

.cpn-divider .label {
  background: #242424;
  color: rgba(255, 255, 255, 0.8); }

.cpn-divider a::after {
  background-color: #333; }

/**
 * npwCMS module for Craft CMS
 *
 * npwCMS CSS
 *
 * @author    Hendrik Bunnick
 * @copyright Copyright (c) 2020 Hendrik Bunnick
 * @link      https://this.work
 * @package   npwCMSModule
 * @since     1.0.0
 */
.buttonbox-buttons.buttonbox-buttons--graphical.btngroup .btn.big {
  flex-flow: column;
  justify-content: flex-start;
  line-height: 0; }