/*
/*
/*
########################### anthrazit ag ############################
### +-----------------------------------------------------------+ ###
### |      Project Name: moPage, CSS for new moPage CMS         | ###
### |      Author: Stalder, Lukas                               | ###
### |      Datum: 26.01.2021                                    | ###
### |      (c) anthrazit ag, Zuerich                            | ###
### +-----------------------------------------------------------+ ###
#####################################################################
*/


/* variables */
:root {
	--widthLeftCol: 250px;
}


/* tags */
body               { font-size:15px!important; line-height:140%; }
body #cmsColNav    { font-size:15px!important; line-height:115%;}
.cmsNew a, .cmsNew .bluelink, .cmsNew a.imgToggler .fa:first-of-type  { color:#1A99CE;}
.cmsNew a.inherit					{ color:inherit; }
.cmsNew a.extern					{ color:#2cb12c; font-weight:normal; }
.blueBg             { background-color:#1A99CE;}

.cmsNew a:hover     { color:#000;}
.cmsNew a.blockLink, .cmsNew a.imgToggler:not(.intern) { color:inherit; display: block;}
.cmsNew a.imgToggler.h2 .fa  { color:inherit; font-size:80%;}
.cmsNew .elementFormNew { width:100%; max-width: unset;}
.cmsNew #cmsColNav .profileImg, .cmsNew .appImg { border-radius: 50%; width:34px; height:34px; background-color: white;}
.cmsNew #cmsColNav .appImg { border-radius: 10px;}
.cmsNew .colProfileImg { width:46px;}

.mobile .blockTop { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);  }
.mobile .wrapperContent { padding-top:10px; }

/* structure / columns */
html, body, .cmsFullHeight       { height:100%;}
#cmsColNav      { width:var(--widthLeftCol); height:100%; float:left; position: relative;  padding: 32px 25px 20px 25px; }

#cmsColMain      { width: calc(100% - var(--widthLeftCol)); height:100%; float:right; overflow-y: auto; position: relative; }
.cmsWrapperMain     { padding: 74px 60px 23px 60px; height:100%; position: relative; }
.cmsHelp .cmsWrapperMain     { padding: 0 60px 0 60px; }
.cmsNew .columnLeft { width:calc(100% - 350px); float:left; }
.cmsNew .columnRight { width:310px; }
.cmsTopBar      {  width: calc(100% - var(--widthLeftCol) - 120px); height:50px; background-color: white; position: fixed; margin-top:-74px; padding-top:23px; z-index: 3; }
.cmsTopBar.wSysFuncs      {  width: calc(100% - var(--widthLeftCol) - 120px - 240px); }
.cmsTopBar  .columnRight .mopageSearch { width:310px; padding-top:5px;}

.columnLeftSys  { float:left; width:calc(100% - 240px); position: relative; }
.columnRightSys  { float:right; width:250px;position: absolute; top:0; bottom:0; right:0; }

/* columns within content */
.online .innerColLeft           { float:left; width:calc(100% - 310px);}
.online .innerColRight          { float:right; width:280px;}
.mobile .innerColRight          { margin-top:1em;}
.online .colWideScreen .captionWideOnly { display:none; }

/* float right col if wide*/
@media screen and ( min-width: 2200px ) {
	.online .hasPreviewFrame.hasSysadminCol .innerColLeft { float: left; width: calc(100% - 620px);}
	.online .hasPreviewFrame.hasSysadminCol .innerColRight          { float:left; margin-left:30px;}

	.online .colWideScreen          { float: left; width: calc(50% - 20px);}
	.online .colWideScreen:nth-child(odd)         { float: right;}
	.online .colWideScreen .captionWideOnly { display:block; }
}
@media screen and ( min-width: 2000px ) {
	.online .hasPreviewFrame.hasNoSysadminCol .innerColLeft { float: left; width: calc(100% - 620px);}
	.online .hasPreviewFrame.hasNoSysadminCol .innerColRight          { float:left; margin-left:30px;}
}
@media screen and ( min-width: 1970px ) {
	.online .hasNoPreviewFrame.hasSysadminCol .innerColLeft { float: left; width: calc(100% - 620px);}
	.online .hasNoPreviewFrame.hasSysadminCol .innerColRight          { float:left; margin-left:30px;}
}
@media screen and ( min-width: 1770px ) {
	.online .hasNoPreviewFrame.hasNoSysadminCol .innerColLeft { float: left; width: calc(100% - 620px);}
	.online .hasNoPreviewFrame.hasNoSysadminCol .innerColRight          { float:left; margin-left:30px;}
}

/* 1 col no preview, no sysadmin*/
@media screen and ( max-width: 1024px ) {
	.online .hasNoPreviewFrame.hasNoSysadminCol .innerColLeft { float: none; width: 100%;}
	.online .hasNoPreviewFrame.hasNoSysadminCol .innerColRight          { float:none; margin-left:0px; width:100%}
}
/* 1 col preview, no sysadmin*/
@media screen and ( max-width: 1365px ) {
	.online .hasPreviewFrame.hasNoSysadminCol .innerColLeft { float: none; width: 100%;}
	.online .hasPreviewFrame.hasNoSysadminCol .innerColRight { float:none; margin-left:0px; width:100%}
}
/* 1 col preview, sysadmin*/
@media screen and ( max-width: 1680px ) {
	.online .hasPreviewFrame.hasSysadminCol .innerColLeft { float: none; width: 100%;}
	.online .hasPreviewFrame.hasSysadminCol .innerColRight { float:none; margin-left:0px; width:100%}
}

/* modul uc cols */
.ucEdit .colLeft      { width:240px; float:left; }
.ucEdit .colRight     { width:calc(100% - 270px); float:right; }

/* backgrounds */
.cmsBgGray      { background-color: #525252; color:#fff; }
.cmsBgGray .inputVerifCodeBG    { background-color: rgba(255,255,255,0.1)!important;}
.cmsBgGray .elementInfoboxTop .infobox    { background-color: #888; color:white; border-color:#aaa; border-radius:10px;}
.cmsBgGray .lite *    { color:inherit;}
.cmsBgGray h1, .cmsBgGray h1.title, .cmsBgGray h2    { color:inherit!important;}
.cmsBgGray .tag.sysadminonly { background-color: rgba(30, 124, 190, 0.06) !important; }
.cmsBgGray input[type='text'],
.cmsBgGray form textarea,
.cmsBgGray form input[type='tel'],
.cmsBgGray form input[type='file'],
.cmsBgGray form input[type='url'],
.cmsBgGray form input[type='password'],
.cmsBgGray form input[type='email'],
.cmsBgGray form input[type='search'],
.cmsBgGray form input[type='number'] { background-color: #717171!important; border-color: #c8c8c8!important; color:#c8c8c8!important; }
.cmsBgGray .hiliteLite { background-color: rgba(255,255,255, 0.1);}
form .hiliteLite { padding:1em;}

/* cms login */
.cmsNew .elementCmsLogin    { width:600px; margin:70px auto 0 auto; }
.borderBox                  { margin-top:1em; border:0.5px solid #777; padding:0.8em; border-radius: 2px;}

/* mopage listing*/
.elementMyMopages { max-width:900px; margin:0 auto;}
.elementMyMopages .divider { opacity: 0.5;}
.elementMyMopages .colMopageImage { width:90px; vertical-align: top; }
.elementMyMopages .colMopageDesc { vertical-align: top; }
.elementMyMopages .colMopageImage img { width:70px; border-radius: 15px; background-color: white; }
@media screen and ( min-width: 768px ) {
	.elementMyMopages .col, .twoColsList .col { width: 48.5%!important; float: left; }
	.elementMyMopages .col:nth-child(2), .twoColsList .col:nth-child(2) { float: right; }
}
.elementMyMopages .appicon { position:relative; display:block;  }
.elementMyMopages .appicon .countBadgeAbs { top:-2px; right:15px; z-index:1 }
.elementMyMopages .clippingMask { position:relative; overflow:hidden; }
.elementMyMopages .appicon img { margin:0; }
.elementMyMopages .wrapperOffline img { filter: grayscale(100%); }
.elementMyMopages .offline { display:block; background-color: #e81313; position:absolute; color:white; opacity:0.95; transform: rotate(-45deg); top:9px; left:-33px; padding:0px 30px; font-size:11px; border:1px solid white; z-index:1; }
.elementMyMopages .flexContainer .salesTags { width: 36%; vertical-align: top; }
.elementMyMopages .flexContainer .editButton { width: 46px; vertical-align: top; }

/* col nav*/
#cmsColNav .logo { width:100%; height:auto;}
#cmsColNav .wrapperNav { padding: 50px 0 0 0;  }
#cmsColNav #wrapperFix { position:absolute; bottom:130px; width:186px; }
.cmsColNav .wrapperNav .sub  { border-left:1px dotted #777; margin-left:10px }
.cmsColNav .wrapperNav .sub .navItem { padding-left:30px; margin-left:-17px;  }
#cmsColNav #wrapperScrollable {  overflow-y: auto; overflow-x: hidden; margin:-7px; padding:0 7px; border-radius: 10px; }
#cmsColNav #wrapperScrollable.overflow { background-color: rgba(255,255,255,0.03);  }
#cmsColNav #showMore { margin-top: 20px; text-align: center; }
#cmsColNav #showMore { animation: pulsemore 2s infinite ease-in-out;  }
@keyframes pulsemore {
	0% { opacity: 0.1; }
	50% { opacity: 0.5; }
	100% { opacity: 0.1; }
}

@keyframes pulsate {
	0% { transform: scale(1); }
	50% { transform: scale(0.99) }
	100% { transform: scale(1); }
}

.cmsColNav .spacer { height:30px; }
.cmsColNav .navItem { color:inherit; display: block; border-radius: 10px; padding:9px 10px; margin-left: -7px; margin-right:-7px; margin-bottom:1px;}
.cmsColNav .navItem:hover, .cmsColNav .navItem.selected { background-color: rgba(150,150,150,0.3); color:inherit!important; }
.cmsColNav .navItem:hover  { animation: pulsate 0.5s 1; }
.cmsColNav svg  { width:17px; height:auto; vertical-align: -2px; }
.cmsColNav svg path, .cmsColNav svg rect, .cmsColNav svg circle { fill: white; }
.cmsColNav .navItem .indent { margin-left:30px;}
.cmsColNav .navItem .badgeCt {float:right; }
.cmsColNav .navItem .colNavImg { width:27px; }
.cmsColNav .navItem .ct { display: inline-block; width: 20px; height:20px; line-height: 20px; font-size: 12px; text-align: center; background-color: white; color:#525252; border-radius: 50%; }
.cmsColNav .navItem .smallest { line-height:120%;}
.cmsColNav .navItem .colCount   { width:25px; text-align: right; }

.size123 .cmsNavigation { margin-top:-11px;}
.size123 .cmsNavigation .navItem { background-color: rgba(255,255,255,0.08); margin-bottom: 4px;  }

/* nav footer */
.cmsColNav .wrapperBottom          { position:absolute; bottom: 25px; width:var(--widthLeftCol); line-height: 120%;}
.cmsColNav .wrapperBottom .copyright  { font-weight:bold; font-size:12px; }
.cmsColNav .poweredby  { opacity: 0.5; color:white; }
.cmsColNav .poweredby .ant { color:inherit!important; }

/* misc */
.elementSysadminOptionsTop {  margin-top:-25px; display: flex; flex-direction:row; justify-content:space-between; }
.elementSysadminOptionsTop a { box-shadow:none; font-size:11px!important; background: none;  border:none; border-radius: 10%; color: #fff; text-shadow: none; flex-basis: auto; }
.online .elementInfoboxTop { margin-top:0;}
.columnRight .elementInlineSearch , .columnRightSys .elementInlineSearch { display: block; width:100%;}
.bwDisabled         { opacity:0.35; filter: grayscale(1); }

/* sysadmon quicklionk */
.columnRightSys .cmsQuickLinks { position:fixed; max-height:calc(100% - 20px); width: 230px; overflow-y: scroll; font-size: 9px; padding:10px; border-radius: 10px; margin:10px 0 0 10px; }
.cmsQuickLinks .middle {  display: block; margin:10px 0 0 0;}
.cmsQuickLinks .middle a, .cmsQuickLinks .middle .rownolink         { margin:1px 0; white-space: nowrap; display:block; color:white; line-height:23px; text-transform: uppercase; background-color: rgba(255,255,255,0.2); padding:0em 0.6em; }
.cmsQuickLinks .middle.imports a        { margin:0 0 1px 0; }
.cmsQuickLinks .middle.imports .td.colStats        { position: relative; width:25px; vertical-align: top; }
.cmsQuickLinks .middle.imports a.stats        { display: block; text-align: center; position:absolute; bottom:0; top:0; right:0; left:1px; font-size:12px; padding-top:5px;}
.cmsQuickLinks .middle a:hover  { background-color: #525252; color:white; }
.cmsQuickLinks .icon    { vertical-align: -0.4em; height:13px; width:auto; margin:0;}
.cmsQuickLinks a .type    { text-transform: unset; padding-left: 14px; font-size:90%; line-height:100%; margin-top:-4px; padding-bottom:6px;}
.cmsQuickLinks .gi      { vertical-align: -0.05em; }
.cmsQuickLinks select      {  width:210px; margin:2px 0 0 0; padding:0;  }
.cmsQuickLinks .caption      { width:100%; margin-bottom:1em; text-transform: uppercase;  }
.cmsQuickLinks .result      { margin:-100px; line-height: 130%; font-size: 12px; }
.cmsQuickLinks .result a       { text-transform: unset; padding:0.6em;   }
.cmsQuickLinks .result a  .td     { color: black;  }

.cmsQuickLinks .previewEye  { font-size:20px!important; color: #f8f8f8; position:absolute; left:0;  top:-60px; opacity:1!important; display: inline-block; width:40px!important; height:40px!important; text-align:center; border-radius:20px; padding:8px 0 0 2px;   }
.cmsQuickLinks .previewEye:hover  { color: #333;  }
.cmsQuickLinks .indent      { margin-left:1em; }
.cmsQuickLinks .half        { width:48%; }
.cmsQuickLinks .half:nth-child(even)        { margin-left:4%; }
.cmsQuickLinks a.active { background-color:transparent; border-right: 10px solid #1A99CE; }

/* button */
.button, .buttonSmall, input[type=submit], input[type=button], .buttonRow, .availableFuncs .closer, .buttonMini, .countBadge.blue         {  background-color: #1A99CE!important;  }
.cmsBgGray .button, .cmsBgGray .buttonRow, .cmsBgGray .buttonSmall:not(.buttonBlue):not(.sysadminonly), .countBadge.gray  { background-color: #777!important;}
span.button, span.buttonSmall { opacity:0.3;}
.cmsBgGray span.button, .cmsBgGray span.buttonSmall { background-color: #777; opacity:0.3;}
/*.buttonBlue         { background-color: #1A99CE!important; }*/
.cmsEditButton      { display:inline-block; background-color: #1A99CE!important; width:36px; height:36px; border-radius:12px; color:white!important; text-align: center; line-height:38px;}
.cmsEditButton.gray, .buttonSmall.gray      {  background-color: #999!important; }
.cmsEditButton .gi, .cmsEditButton .fa { opacity:1; font-size:85%;}
.button .gi, .buttonSmall .gi, .buttonMini .gi, .button .fa, .buttonSmall .fa, .buttonMini .fa { line-height: 213%;}
.buttonMini .gi { top: 0;}
.colfunc .button { margin-left:2px;}
.colfunc .button.sysadminonly { background-color: #E7F5FA!important; }
.colfunc .button.sysadminonly .gi { color:#1A99CE; }
.button.alignLeft,.buttonSmall.alignLeft {  text-align: left;  }
.td.colButtons { width: 125px; text-align: right;}

/* cms app list edit buttons */
.size4 .wrapperButton { position: absolute; top: -12px; right: -12px; height:100%; }
.size4 .appListButton {  box-sizing: border-box; background-color:#666; color:white!important; height: calc(50% + 11px); width:110px; line-height: 100%; padding:16% 15px 0 15px; font-size:85%; display: block; margin-bottom:2px; text-align: left }
.appListButton:hover { background-color:#1A99CE; }
.appListButton .gi,.appListButton .fa { font-size: 80%;}


.cmsNew input.fancycb:checked + label:before { background-color: #1A99CE; }
.cmsNew input.fancycb:checked + label:after { box-shadow: inset 0 0 0 1px #1A99CE, 0 2px 4px rgba(0,0,0,.2);}
.cmsNew input.fancycbsmall + label { vertical-align: -4px;}

.fancyAltList.midPadding .theRow { padding:0 12px; line-height:35px;}
.fancyAltList .theRow.edited, .fancyAltList .subrow.edited  { border-left:10px solid #1A99CE!important; padding-left:9px }
.size4 .fancyAltList .theRow { box-sizing: border-box;}

/* sitemap */
.elementSitemap .edited  { border-left:10px solid #1A99CE!important; }
.elementSitemap div.item { margin-left:30px;}
.elementSitemap .edited div.item { margin-left:20px;}
.objViewTree .functions { width:60px; height:auto; float:none; }


/*.fancyAltList .theRow span.last { font-weight:bold; }*/
.fancyAltList .theRow .tag { margin:0; }
/*.fancyAltList .theRow.import .desc { color:#888; font-style: normal; }*/

.tb .colStatus { width: 170px;}
.contentList .tb .colStatus { width: 100px;}
.contentList .tb .colCreator { width: 220px; text-align: left; word-break: break-all;}
.tb .colCreator { width: 250px;}
.tb .colFuncs { width: 60px; text-align: right;}
.size4.isAdmin .tb .colFuncs { width: 180px; }
.contentList .tb .colFuncs { text-align: right; }
.tb .colFuncs1 { width: 50px; text-align: right;}

.elementForm .richText.high	{ height:20em;}
.elementForm .richText.higher	{ height:35em;}
.richTextCouner { float:right; margin-top:-24px; font-size:85%; color:#888;}
.elementEditCatList .richTextCouner { position: relative; right: unset; margin-top:0; font-size:85%; color:#888;}

/* sitemap search */
.elementInlineSearch   { display:inline-block; margin-right:0; line-height:110%;  position: relative; }
.objEdit .elementInlineSearch   { display:block; }
.elementInlineSearch input, .preset  { color:#888; font-style: normal;}
.elementInlineSearch input.enter, .enter  { color:#000; font-style: normal;}
.elementInlineSearch .result { position: absolute; z-index:10; background-color: white; overflow-y: auto; width:300px; max-height:500px; font-size:12px; margin-top:3px;  box-shadow:2px 2px 20px -12px #000; text-align: left; }
.elementInlineSearch .result.mopagesearch { position:fixed; }
.elementInlineSearch .result a, .elementInlineSearch .result option { display:block; padding:0.2em; color:#333; border-bottom: 1px solid #eee; }
.elementInlineSearch .result a:last-of-type {  border-bottom: none }
.elementInlineSearch .result a strong { margin-left:0.5em; font-size: 10px;  }
.elementInlineSearch .result a strong.available { color: #4d85cc; }
.elementInlineSearch .result a strong.dropped { color: #d99e7b; background-color: inherit; }
.elementInlineSearch .result a strong.edited { color: #8dcc96; }
.elementInlineSearch .result a strong.auto { color: #e337ac; }
.elementInlineSearch .result a:hover { background-color: #ddd; }
.elementInlineSearch .result .tdicon { width:25px; vertical-align: middle;}
.elementInlineSearch .result .info { font-size:90%; color:#999;}
.elementInlineSearch .result .tdicon img { height:18px; width:auto;}
.elementInlineSearch .result .image { width:60px; text-align: right;}
.elementInlineSearch input { background-color: #f7f7f7!important; }
.elementInlineSearch .gi { position: absolute; right:10px; top:6px; font-size: 14px; color:#333; }
.cmsBgGray .elementInlineSearch .gi { position: absolute; right:10px; top:6px; font-size: 14px; color:#c8c8c8; }

.mopageSearchMobile  {padding:1em 0 0.5em 0; }
.mopageSearchMobile .elementInlineSearch { display: block; }
.mopageSearchMobile .elementInlineSearch .result { width:100%;}

.fancyAltList .sitemapPath span.last, .cmsPath span.last { font-weight:bold; }
.cmsAnchorList       { position:absolute; margin-top:-200px;}

.navList.wPadding .flexContainer .flexItem {  }
.navList .flexContainer .flexItem { background: rgba(255,255,255,0.04); margin:0 0 0 0; border-radius:3px; width: calc(50% - 10px); padding:0.8em;}
.navList .flexContainer .flexItem { background: rgba(0,0,0,0.04);}
#cmsColMain:not(.cmsBgGray) .navList .flexContainer .flexItem { border-bottom:0.5px solid #ccc;}
.navList .flexContainer .flexItem:hover { background: rgba(255,255,255,0.07); cursor: pointer; }
.cmsFlexList { justify-content: space-between}
.navList .cmsFlexList.tiles { gap:6px;   justify-content: flex-start; }
.navList .cmsFlexList.tiles  .flexItem { background-color: #f8f8f8; border:none!important; width: calc(50% - 3px) }

.cmsFlexList .tb .funcs { width: 115px; text-align: right;}
.cmsFlexList .tb .colIcon { width: 50px; margin:0; padding:0; }
.cmsFlexList .tb .colIcon img { width: 35px; height:auto; }
.navList .badgeIcon { background-color: #555;}
.badgeIcon svg { width: 16px; height:auto; margin-top:7px; }
.cmsFlexList .tb .colIcon svg path, .cmsFlexList .tb .colIcon svg rect, .cmsFlexList .tb .colIcon svg circle { fill:white; }
.flexContainer.spaceBetween { justify-content: space-between; }
.navList .colLabels                       { width:150px;}
#appList { gap:10px; }
.navList .profileImg { width: 65px; height:65px; border-radius: 50%; margin-right: 20px;}

.size123 #appList .colButtons  { width: 100px; }
.size123 #appList .colMopageImage  { width: 55px; }
.size123 #appList .colButtons .buttonSmall { min-width: unset; }

@media screen and ( min-width: 2050px ) {
	.navList .flexContainer .flexItem {  width: calc(33% - 3px);  }
	.navList .cmsFlexList.tiles  .flexItem { width: calc(33.3333% - 4px) }
	.elementMyMopages { max-width: 1500px;}

	.navList #appList.flexContainer .flexItem {  width: calc(50% - 10px);  }
}

@media screen and ( max-width: 2050px ) {
	.navList #appList.flexContainer .flexItem {  width: 100%;  }
}

@media screen and ( max-width: 768px ) {
	.navList .flexContainer { display: block;}
	.navList .flexContainer .flexItem { width:unset!important; border-radius:0; margin-left:-19px; margin-right:-19px; margin-bottom:2px;}
	.elementMyMopages .colMopageImage { width:70px; }
	.elementMyMopages .colMopageImage img { width:40px;}
	.navList.wPadding .flexContainer .flexItem { padding: 0.5em 19px!important; }
}
.navList .flexContainer.twoColsList .flexItem { width: calc(50% - 3px);  }



/* mopage settigns */
.elementMopageSettings .qrCodeFull { float:left; width: 15%;  }
.elementMopageSettings .basicInfo { float:right; width: calc(100% - (15% + 20px));  }
.elementMopageSettings .right   { width:50%; text-align: left; }
.elementMopageSettings .basicInfo table { width:100%; border-spacing:0;}
.elementMopageSettings .basicInfo tr td:first-of-type { width:100px; }
.elementMopageSettings .basicInfo tr td { padding:3px; }
.elementMopageSettings .basicInfo form { padding:3px; }
.elementMopageSettings .basicInfo form label { display:inline-block; width: 103px; font-weight: normal }

.black .gi, .black .fa { color:black!important;}
.colinherit .gi, .colinherit .fa { color:inherit!important;}

/* obj mut log */
.mutList .colLabel  { width:175px;}
.mutList .left, .mutList .right  { width:calc(50% - 15px); float: left; text-align: left; word-break: break-all; line-height:130%; }
.mutList .right  { float: right; }
.mutList .last  { font-weight:bold; }
.mutList .rowBeforFields .td  {  padding-bottom:5px; }
.mutList .rowField .td  { border-top:solid 0.5px #ccc; padding:5px 0 5px 0;  }
.mutList .rowField .stateLabel  { display: inline-block; padding:2px 4px; border-radius: 3px; color: white; font-size:9px; line-height:130%; text-transform: uppercase; margin-right:5px; vertical-align: 1px;  }
.mutList .rowField .old  {  background-color: #943737;   }
.mutList .old.gi {  color: #943737;   }
.mutList .rowField .new  {  background-color: #379439;   }
.mutList .new.gi {  color: #379439;   }
.mutList .img   { height:60px; width:auto; vertical-align: middle; border-radius: 4px; }
.mutList .icon   { height:20px; width:auto; vertical-align: middle;  }

/* alerts */
#alertContainer   { z-index:4; position: fixed; left:calc(var(--widthLeftCol) + 0px); right:0; }
.cmsBgGray  #alertContainer   {  left:calc(((100% - var(--widthLeftCol)) - 50%) / 2 + var(--widthLeftCol));  width:50%; max-width: none; }
.serviceList .cmsBgGray  #alertContainer   {  left:calc(((100% - var(--widthLeftCol)) - 900px) / 2 + var(--widthLeftCol));  width: 900px; }
#alertContainer .wrapperBox { padding:0px; background-color: rgba(255,255,255, 1); opacity: 0.96; }
#alertContainer .tb { background-color: #525252; }
.cmsBgGray #alertContainer .wrapperBox {padding:0; background-color: transparent; }
.cmsBgGray #alertContainer .tb { background-color: rgba(255,255,255, 0.1); }
#alertContainer .colIcon { width:1px; }
#alertContainer .wrapper { padding:15px; }
#alertContainer .colIcon .wrapper { padding:10px 10px; }
#alertContainer .colBody { color:white;  }
#alertContainer .colIcon .fa { font-size:45px; color:white; }
#alertContainer .tr.type2  { background-color: #666666; }
#alertContainer .tr.type3  { background-color: #64ad06; }
#alertContainer .tr.type4  { background-color: #b97e0e;}
#alertContainer .tr.type5  { background-color: #c41212;}

/* sys messages */
.elementSysMessage { margin-bottom:0.5em; }
.elementSysMessage .wrapper { background-color: #EEF7FC;  border-radius: 3px; padding:1.2em 1.4em 1.4em;  }
.cmsBgGray .elementSysMessage .wrapper { background-color:rgba(30,124,190, 0.5);   }
.cmsBgGray .elementSysMessage .wrapper a:not(.read) {color:white; text-decoration: underline;  }
.elementSysMessage .read { display:inline-block;  color: white; border-radius: 8px; padding:0 8px; line-height:23px; height:25px; font-size:11px; }
.elementSysMessage .title { margin-bottom:0.4em; }
.elementSysMessage .date { float:right; opacity: 0.5; }
.size123 .elementSysMessage .date { float:none; opacity: 0.5; margin-bottom:0.3em;}

/* dashboard */
.elementDashboard .fancyAltList { margin-top:1em;}
.elementDashboard .domainInfo { margin:-1.7em 0 2em 0;;}
.size123 .elementDashboard .domainInfo { margin:-0.8em 0 2em 0;;}
.dashboardSection          { margin-bottom:50px;}
.pendingRow .td.funcs      { width:70px; text-align: right;}
.dashboardSection.comments .pendingRow .td.funcs      { width:85px; text-align: right;}
.dashboardSection.comments .pendingRow .td.date      { width:110px; }
.size123 .pendingRow .td.funcs      { width:50px; }
.pendingRow .td.date      { width:120px; }
.size123 .pendingRow .td.date      { width:80px; }
.pendingRow .td.status      { width:150px; padding-left:1em; }
.size123 .pendingRow .td.status      { width:90px; padding-left:1em; }
.pendingRow .td.colIcon      { width:60px; }
.pendingRow .td .imgMask      { width:45px; height:45px; background-repeat: no-repeat; background-size: cover; border-radius:50%; background-position: center center; }
.pendingRow .badgeIcon         { height:14px; width:14px; display: inline-block; line-height:14px; vertical-align: -13%; margin-right:0.3em;}
.pendingRow  a .badgeIcon, .fancyAltList .badgeIcon         {  background-color: #1A99CE;}
.fancyAltList .badgeIcon     { width:40px; height:40px; border-radius: 50%}
.fancyAltList .td.icon     { width:50px; }
.fancyAltList .badgeIcon img { margin-top:26%; width:20px; height:20px;}
a .miniBadge         {  background-color: #1A99CE;}
a .miniBadge .gi, a .miniBadge .fa          {  color: #fff;}
.pendingRow .rowImg         { height:9px; width:auto; display: inline-block; }
.simpleAltList .td.colIcon      { width:30px; }
.pendingRow .td .cmsContentListIcon { width:40px; height:40px;  background-size: 60% 60%;  background-color:#1A99CE;  }

.rounded				{ border-radius: 8px; }

/* small log tables */
.logtable tr:nth-child(odd) { background-color: #fff; }
.logtable tr:nth-child(even) { background-color: #f1f1f1; }
.logtable td, .logtable th { padding:0 4px; }
.logtable th { color:#aaa; }

/* stelen stats*/
.blockStats { padding:1em 1em 0.2em 1em; background-color: #fafafa; margin-bottom:2em;}
.blockStats h2 { margin-top:-0.2em!important;}
.blockStats .elementTableView .header { background-color: #f1f1f1; }

/* cms welcome msg */
.wrapperWelcomeMsg { padding:1.5em; border-radius:5px; background-color: #1A99CE; color:white;}
.wrapperWelcomeMsg * { color:white!important; }
.wrapperWelcomeMsg a:not(.buttonBlue) { text-decoration: underline; }
.wrapperWelcomeMsg p { margin-bottom:0.5em; }
.wrapperWelcomeMsg .buttonBlue  { height:auto; border:2px solid white; }
.wrapperWelcomeMsg .hiliteLite { background-color: rgba(255,255,255,0.2); border-radius:5px; padding:1em; margin-top:1em;}

/* tinymce editor overricdes */
.mopagecms .tox-tinymce  { border-radius:6px;}
.tox-statusbar__branding, .tox .tox-statusbar a { text-transform:none!important; color:#aaa!important;}

/* help iframe*/
.iframeHelp { width:100%; height:100%; border:none; }
.wrapperHelpFrame { width:100%; height:800px; }
.wrapperHelpFrame iframe { width:100%; height:100%; border:none; }

.cmsColNav .elementFooterFeSwitch a { color:inherit; }

/* sales module tags */
.mopagecms .tag.bxtag                  { background-color: rgba(13, 213, 17, 0.39)!important; }
.mopagecms .tag.reftag                  { background-color: rgba(232, 213, 11, 0.6)!important; }
.mopagecms .tag.bxtagref                  { background-color: rgba(224, 105, 9, 0.39)!important; }
.mopagecms .tag.moduletag              { background-color: rgba(46, 187, 206, 0.37)!important; }
.navList .tag                       { margin:0 0 0 2px; line-height: 100%;}

.wrapperScrollCms { max-height:300px; overflow-y: scroll; }
.wrapperScrollBigCms { max-height:600px; overflow-y: scroll; }

/* login profiles */
.cmsBgGray .loginProfile   {  padding:1em;}
.loginProfile   { color: #333; background-color: white; margin:2em 0 2em 0;}
.loginProfile table   { margin-top:1em; width:100%; background-color: #eee;  border-spacing: 1px;}
.loginProfile td { background-color: white; padding:0.15em; }
.loginProfile .headerrow td      { height:70px; }
.loginProfile .headerrow td.cap      { text-align: center; width:5%; min-width: 50px;}
.loginProfile .headerrow .caption { transform: rotate(-90deg); font-weight: bold; font-size:90%; display: inline-block}
.loginProfile .mandatory { background-color: #499eb9; text-align: center;  }
.loginProfile .optional { background-color: #8fd4ea; text-align: center}
.loginProfile .legend       { display: inline-block; width:50px; height:20px; margin-right:1em; vertical-align: middle}
.loginProfile .colCap       { padding-left:0.5em;}
.loginProfile .addinfo       { font-size:80%; color:white; line-height:120%; }
.loginProfile .blockCaption       { font-weight:bold; vertical-align:bottom; height:3em;  }

/* verbund table */
.elementVerbundList .col1   { }
.elementVerbundList .col2   { width: 250px;}
.elementVerbundList .col2   { width: 250px;}
.elementVerbundList .col3   { width: 110px;  }
.elementVerbundList .col35   { width: 70px;  }
.elementVerbundList .col4   { width: 70px; text-align: right; }

/* filebrowser */
.elementFilebrowserFrame { border:0; width:100%; height: 500px;}

/* polygone cms */
.projectPolygonMap { width:100%; height: 500px;}

#objEditTitleBox { position:fixed; background-color: white; width:300px; }
#objEditTitleBox input { width: 100%; }