body:has(.fa-user) {
   color: #7a7b7a;
   background-image: url("../images/SMG_Background.jpg");
   background-position: left top;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   height: 100%;
}

a {
   color: #12677f !important;
}

a:hover {
   color: #7a7b7a !important;
}

.main:has(.fa-user) {
   margin-top: 0;
   padding-top: 6em;
}

.main .box:has(.fa-user) {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: none;
    color: #7a7b7a;
    display: block;
    padding: 1.25rem;
}

.main .box:has(.fa-user) .level-right {
   display: none;
   visibility: hidden;
}

.main .box:has(.fa-user) + div:last-of-type {
   background-color: #ffffff;
   border-radius: 6px;
   padding: 0.75rem;
}

.main .box .field .subtitle {
   display: none;
   visibility: hidden;
}

.main .box .field:has(.subtitle) {
   background-image: url("../images/sg_logo.png");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   height: 100px;
}

.main .box .field:has(.fa-user) {
   margin-top: 30px !important;
}

.button.is-info[disabled], 
fieldset[disabled] .button.is-info {
   background-color: #12677f;
   border-color: transparent;
   box-shadow: none;
}

.button.is-info {
   background-color: #12677f;
   border-color: transparent;
   color: #ffffff;
}

.button.is-info.is-outlined,
.button {
   background-color: transparent;
   border-color: #12677f;
   color: #12677f;
}

.button.is-info.is-outlined.is-focused,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover,
.button:focus,
.button:hover {
   background-color: #7a7b7a;
   border-color: #7a7b7a;
   color: #ffffff;
}

.button.is-info.is-hovered,
.button.is-info:hover {
   background-color: #7a7b7a;
   border-color: transparent;
   color: #ffffff;
}

.button.is-info.is-active,
.button.is-info:active {
   background-color: #7a7b7a;
   border-color: transparent;
   color: #ffffff;
}

.input:active,
.input:focus,
.is-active.input,
.is-active.textarea,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
   border-color: #12677f;
   box-shadow: 0 0 0 0.125em rgb(18 103 127 / 25%);
}

.button.is-info.is-focused:not(:active),
.button.is-info:focus:not(:active) {
   box-shadow: 0 0 0 0.125em rgb(18 103 127 / 25%);
}

.has-text-info {
    color: #12677f !important;
}

a.dropdown-item:hover,
button.dropdown-item:hover {
    background-color: #7a7b7a;
    color: #ffffff !important;
}

a.dropdown-item:hover .has-text-info {
    color: #ffffff !important;
}

.select:not(.is-multiple):not(.is-loading)::after {
   border-color: #12677f;
}

.select:not(.is-multiple):not(.is-loading):hover::after {
   border-color: #7a7b7a;
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
   color: #12677f;
}

.block:not(:last-child),
.box:not(:last-child),
.breadcrumb:not(:last-child),
.content:not(:last-child),
.level:not(:last-child),
.message:not(:last-child),
.notification:not(:last-child),
.pagination:not(:last-child),
.progress:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
   margin-bottom: 0;
}

.main .box .level .level-left {
   display: inline-flex;
   align-items: baseline;
}

.main .box .level .level-left #remember,
.listhead input[type="checkbox"], 
.listhead2 input[type="checkbox"], 
.paddingtd input[type="checkbox"],
#enable_weblink,
#enable_uploadlink, 
.boxalign input[type="checkbox"] {
   -webkit-appearance: none;
   appearance: none;
   background-color: #ffffff;
   margin: 0;
   font: inherit;
   color: currentColor;
   width: 1.15em;
   height: 1.15em;
   border: 0.15em solid currentColor;
   border-radius: 0.15em;
   transform: translateY(-0.075em);
   display: inline-grid;
   place-content: center;
   margin-left: 5px;
   margin-right: 8px !important;
}

.main .box .level .level-left #remember::before,
.listhead input[type="checkbox"]::before, 
.listhead2 input[type="checkbox"]::before, 
.paddingtd input[type="checkbox"]::before,
#enable_weblink::before,
#enable_uploadlink::before, 
.boxalign input[type="checkbox"]::before {
   content: "";
   width: 0.65em;
   height: 0.65em;
   transform: scale(0);
   box-shadow: inset 1em 1em var(--form-control-color);
   background-color: CanvasText;
   clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
   background-color: #12677f;
}

.main .box .level .level-left #remember:checked::before,
.listhead input[type="checkbox"]:checked::before, 
.listhead2 input[type="checkbox"]:checked::before, 
.paddingtd input[type="checkbox"]:checked::before,
#enable_weblink:checked::before,
#enable_uploadlink:checked::before, 
.boxalign input[type="checkbox"]:checked::before {
   transform: scale(1);
}

.main .box .level .level-left #remember:focus,
.listhead input[type="checkbox"]:focus, 
.listhead2 input[type="checkbox"]:focus, 
.paddingtd input[type="checkbox"]:focus,
#enable_weblink:focus,
#enable_uploadlink:focus, 
.boxalign input[type="checkbox"]:focus {
   outline: max(2px, 0.15em) solid currentColor;
   outline-offset: max(2px, 0.15em);
}

.main .box .level .level-left #remember:disabled,
.listhead input[type="checkbox"]:disabled, 
.listhead2 input[type="checkbox"]:disabled, 
.paddingtd input[type="checkbox"]:disabled,
#enable_weblink:disabled,
#enable_uploadlink:disabled, 
.boxalign input[type="checkbox"]:disabled {
   --form-control-color: var(--form-control-disabled);
   color: var(--form-control-disabled);
   cursor: not-allowed;
}

.listhead #checkall, 
.listhead2 #checkall {
   margin-top: 1px;
}

input[type="image"][src~="images/ico_search.png"]:hover {
   background-image: url(../images/ico_search_hover.png);
   width: 24px;
   height: 24px;
   padding: 24px 0 0 0;
}

input[type="image"][src~="images/ico_help.png"]:hover {
   background-image: url(../images/ico_help_hover.png);
   width: 24px;
   height: 24px;
   padding: 24px 0 0 0;
}

input[type="image"][src~="images/ico_quit.png"]:hover {
   background-image: url(../images/ico_quit_hover.png);
   width: 24px;
   height: 24px;
   padding: 24px 0 0 0;
}

#dropdown-menu-bookmark .dropdown-item:hover img[src~="images/delete.png"] {
   content: url(../images/delete_hover.png);
}

.progress-bar {
   background-color: #12677f !important;
   color: #000000 !important;
}





body:has(.subtitle, #main_interface) {
   color: #7a7b7a !important;
   background-image: url("../images/SMG_Background.jpg") !important;
   background-position: left top !important;
   background-size: 100% 100% !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed !important;
}

#listview_div table td, 
#listview_div table th {
   vertical-align: middle !important;
}

.paddingtd img {
   vertical-align: middle !important;
}

.paddingtd input[type="checkbox"] {
   vertical-align: middle !important;
}

.listtr02 {
   background-color: #7a7b7a;
}

#main_interface:has(.subtitle) td[height~="100%"][style~="padding:5px;"] {
   padding: 15px !important;
}

#main_interface:has(.subtitle) td[align~="center"]:has(a, b) {
   background-color: #ffffff;
   padding: 0.75rem;
   color: #7a7b7a;
}

#main_interface:has(.subtitle) td[width~="13"] {
   display: none;
   visibility: hidden;
}

#main_interface:has(.subtitle) td[height~="66"][background~="images/top_bg2.gif"] {
   background-image: none;
   border-bottom: 1px solid #7a7b7a;
}

#main_interface:has(.subtitle) td[height~="12"] {
   background-image: none;
   display: none;
   visibility: hidden;
}

#main_interface:has(.subtitle) td[height~="100%"][valign~="top"][bgcolor~="#FFFFFF"],
#main_interface:has(.subtitle) #viewspace {
   border-radius: 6px;
}

#main_interface:has(.subtitle) #viewspace {
   padding: 6px;
}

#main_interface .subtitle img {
   display: none;
   visibility: hidden;
}

#main_interface .subtitle {
   background-image: url("../images/sg_logo.png");
   background-repeat: no-repeat;
   background-position: right;
   background-size: contain;
   width: 145px;
   height: 50px;
   border-left: 10px solid #ffffff;
}

#main_interface table table table table table table:has(#diskquota) {
   margin-top: 0 !important;
   margin-right: 10px;
}

.listhead {
   text-align: center;
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
   overflow: hidden;
   border-top: 0;
   border-bottom: 0;
   border-right: 1pt solid #ffffff;
   border-left: 1pt solid #ffffff;
   color: #ffffff;
   background-color: #12677f;
   vertical-align: middle;
   height: auto;
   cursor: pointer;
   line-height: 24px;
}

.listhead2 {
   text-align: center;
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
   overflow: hidden;
   border-top: 0;
   border-bottom: 0;
   border-right: 1pt solid #ffffff;
   border-left: 1pt solid #ffffff;
   color: #ffffff;
   background-color: #7a7b7a;
   vertical-align: middle;
   height: auto;
   cursor: pointer;
   line-height: 24px;
}

#msgDiv101 {
   text-align: center !important;
   background: #ffffff !important;
   border: 0 !important;
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
   line-height: 25px !important;
}

#msgTitle101 {
   background: #12677f !important;
   padding: 3px 5px !important;
}





.webuploader-pick {
   position: relative !important;
   display: inline-block !important;
   cursor: pointer !important;
   background: #12677f !important;
   padding: 10px 15px !important;
   color: #ffffff !important;
   text-align: center !important;
   border-radius: 6px !important;
   overflow: hidden !important;
}

.webuploader-pick-hover {
   background: #7a7b7a !important;
}

#cancelButton {
   height: auto !important;
   font-size: 18px !important;
   padding: 11px 15px !important;
   background-color: transparent !important;
   border-color: #12677f !important;
   color: #12677f !important;
}

#cancelButton:hover {
   height: auto !important;
   font-size: 18px !important;
   padding: 11px 15px !important;
   background-color: #7a7b7a !important;
   border-color: #7a7b7a !important;
   color: #ffffff !important;
}

#menu_div .menu_out .menu_in, 
#menu_div2 .menu_out .menu_in {
   padding-right: 6px !important;
}

#menu_div .menu_out .menu_in ul li, 
#menu_div2 .menu_out .menu_in ul li {
   height: 27px !important;
   color: #12677f !important;
   background-color: #ffffff !important;
   cursor: pointer !important;
}

#menu_div .menu_out .menu_in ul li:hover, 
#menu_div2 .menu_out .menu_in ul li:hover {
   color: #ffffff !important;
   background-color: #7a7b7a !important;
   cursor: pointer !important;
}

@media only screen and (max-width: 1023px),
only screen and (max-device-width: 1023px) {
   .main .box .field:has(.subtitle) {
      height: 128px;
   }
}

body:has(.uploaderDiv) {
   color: #7a7b7a;
   background-image: url("../images/SMG_Background.jpg");
   background-position: left top;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

#mainTable:has(.uploaderDiv) {
   background-color: #ffffff;
   border-radius: 6px;
   box-shadow: none;
   color: #7a7b7a;
   padding: 1.25rem;
   height: auto;
}

#mainTable:has(.uploaderDiv) .uploaderDiv {
   padding: 0 10px 10px 10px;
}

#mainTable:has(.uploaderDiv) tr:first-child td a,
#mainTable:has(.uploaderDiv) tr:first-child td hr {
   display: none;
   visibility: hidden;
}

#mainTable:has(.uploaderDiv) tr:nth-child(1) td {
   background-image: url("../images/sg_logo.png");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   background-origin: content-box;
   padding: 15px 0 5px 0;
   width: auto;
   height: 100px;
}

#mainTable:has(.uploaderDiv) tr:nth-child(2) td {
   text-align: center;
}

#mainTable:has(.uploaderDiv) #uploader .queueList {
   width: auto;
}

#mainTable:has(.uploaderDiv) #infoDiv span {
   color: #12677f !important;
}


















/* neue Oberfäche */
* {
   --el-color-primary: #12677f !important;
   --el-color-primary-light-3: #7a7b7a !important;
   --el-color-primary-light-5: #7a7b7a !important;
   --el-color-primary-light-7: #7a7b7a !important;
   --el-color-primary-light-8: #7a7b7a !important;
   --el-color-primary-light-9: #ffffff !important;
   --el-color-primary-dark-2: #12677f !important;
}

#app .main-container .app-header .logo {
   padding: 10px 5px 5px 5px !important;
}

#app .main-container .app-header .el-menu--horizontal.el-menu {
   border: 0 !important;
}

#app .main-container .app-header .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
   border: 0 !important;
}

#app .main-container .app-header .el-menu--horizontal.el-menu .el-avatar {
   background-color: var(--el-color-primary) !important;
}

.menu-welcome {
   color: var(--el-color-primary) !important;
}

.bookmark-img {
   margin-top: 3px !important;
}