.enter:before { background: url('bg.jpg') no-repeat center center; background-size: cover; }
.enter::after { background-color: #004E5Acc; }

.enter > .document > .logo              { left: 20px; top: 20px; z-index: 200; transform: translate(0, 0); }
.enter > .document > .logo              { width: 122px; height: 200px; background: url('logo-w.svg') no-repeat center center; background-size: contain; }

.enter .modal-form > .container > .logo { width: 122px; height: 200px; background: url('logo.svg') no-repeat center center; background-size: contain; }

header.main > .logo { width: 150px; height: 50px; background: url('logo-sm.svg') no-repeat center center; background-size: contain; }
header.main > .logo { margin: 0 auto 0 90px; flex-shrink: 0; }

/* official branding */

.modal-form.new .button.green { background-color: #004E5A; box-shadow: 0 8px 15px 0 #004E5A80; }

aside { background-color: #004E5A; }

aside > nav > ul > li a { background-color: #004E5A; }
aside > nav > ul > li > ul.subitems > li > a { background-color: #004E5A; }

aside > nav > ul > li form > button { background-color: #004E5A; }

.classowl-button.blue-ns { background-color: #004E5A; }

.button.btn1 { background-color: #004E5A; }