div
{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  -moz-user-select: none; /* Standard syntax */
  
  user-select: none; /* Standard syntax */
}
.tox-promotion{display: none!Important}
#nl_frame{position:relative}
#nl_version
{    
	color: #666;
    font-size: 9px;
    position: absolute;
    right: 2px;
    top: -20px;
}   
.row {overflow: hidden}
.colleft{width: 16%; float: left; margin-right: 3%;}
.colleftlast{width: 20%; float: left;}
.colr{width: 80%; float: left;}
.colrl{width: 77%; margin-right: 3%; float: left;}

.col6l{width: 40%; float: left; margin-right: 3%;}
.col6r{width: 40%; float: left;}

.gimage {
    border: 1px solid #999999;
    margin-bottom: 6px;
    max-width: 50px !important;
}
.odd {background-color: #efefef} 

.red {color: #f00}
.ERR {border: 1px solid #f00!Important}
.green {color: #0a0}
.padl20{padding-left: 20px}
.mgb6{margin-bottom: 8px}
.relative{	position: relative;}
.aktiv{	background-color: #77ac44 !important; color: #fff !important}
.clickable{	cursor: pointer;}
.clickable:hover{	background-color: #f84}
.styled_select{width: 140px !important}

/*.mce-container-body{height: 30px !important}*/
.mce-path{padding: 0!important}
/* Contao 4 */
/* .nl_content input, .nl_content textarea, .nl_content select, .nl_content button {border: 1px solid #909090 !important; padding: 4px !important} */
/* .nl_content input, .nl_content select {height: 30px !important} */

/* Contao 3 */
.nl_content input, .nl_content textarea, .nl_content select, .nl_content button {border: 1px solid #909090 !important; padding: 0 4px !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
.nl_content input, .nl_content select {height: 24px !important}

/*
.nl_content select {background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDUwMCA1MDAiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMzEuNTIzIiB5MT0iNDIuNjMiIHgyPSIzNjguNDc4IiB5Mj0iMjc5LjU4NCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjNiM2IzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTk5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMjUwIDM5Ni42NjZjLTEuMTU1IDAtNC4xMS0xLjgzMi03LjExMy02Ljc1bC0xNjkuNi0yNzcuNDU1Yy0yLjUxNy00LjExNC0zLjE5LTYuOTgtMy4yOC04LjMxNC44MjctLjMzIDIuNTY1LS44MTIgNS42MjctLjgxMmgzNDguNzMzYzMuMDYzIDAgNC43OTguNDgyIDUuNjI3LjgxMi0uMDkgMS4zMzQtLjc2NiA0LjItMy4yOCA4LjMxNWwtMTY5LjYgMjc3LjQ1N2MtMy4wMDUgNC45MTctNS45NiA2Ljc1LTcuMTE0IDYuNzV6Ii8+PC9zdmc+) right 5px center no-repeat;    padding-right: 24px !important;}
*/

.nl_content .redbtn {	padding: 7px 12px;}
/*.nl_content textarea {width: 100% !important}*/

.tabbox.fullTextArea .mce-tinymce {width: 90%}
.tabbox.threeQuartersTextArea .mce-tinymce {width: 75%}
.tabbox.halfWidthTextArea .mce-tinymce {width: 64%}

.bdr{border-right: 1px solid #ddd}
.blrw{border-right: 1px solid #fff}

.hint {
    color: #666666;
    font-size: 9px;
    margin-top: 4px;
}
.agtbleft{width: 20%; margin-right: 6px}
.agtbright{resize: none; width: 50% !important;margin-left: 2%;}

.TBLMIDDLE {
    margin-left: 6px;
    margin-right: 6px;
}
#VERSCONTENT
{
	max-height: 300px;
	overflow: auto;
	
}
#VERCOUNTER {
    font-weight: bold;
    margin-top: 6px;
    padding-top: 6px;
}
#VERSANDARROW
{
   bottom: 44px;
   display: block;
   position: absolute;
}
#VAROOW{width: 28px !important; height: 28px !important}
.litemc1
{
	color: #55aa00; 
	width: 300px; 
	display: inline-block;
}

/* =========== */

#ls_content {
    min-height: 600px;
    position: relative;
}
.pg_listHead {
    background-color: #0f1c26;
    clear: both;
    display: flex;
    
    color: #ffffff;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}
.pg_list {
    cursor: pointer;
    float: left;
    hyphens: auto;
    overflow: hidden;
    padding: 4px;
    vertical-align: middle;
}


.pg_listRow:nth-child(2n) {
    background-color: #efefef;
}
.pg_listRow {
    background-color: var(--content-bg);
    cursor: pointer;
    display: flex;
    min-height: 30px; 
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #dddddd;
}
.pg_listRow .pg_list {padding-top: 8px}

.pg_listRow:hover {
    background-color: var(--hover-row);
    
}
.styled_select{display: none;}
.unitFloat{float:left}
.borderbox{border: 1px solid #ddd}
/* =========== */

.litem 
{
   background-color: #eeeeee;
   padding: 6px;
}
.litem:nth-child(2)
{
	background-color: #fff;
}


.nl_header
{
/* 	height: 50px; 
	background-color: #f3f3f5;*/
	width: 100;

}

/* Contao 4 ggf. padding: 8px 0 */ 
.nl_header .placard {padding: 8px}

.placard
{
   padding: 6px;
}
.pright
{
    text-align: right;
    width: 92%;
}

.talr{text-align: right;}
.flr{float: right;}
.fll{float: left;}
.red{background-color: red;}
.redbtn
{
	border:1px solid #ddd;
	padding: 8px 8px;
	background-color: #a00;
	display: inline-block; 
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

.btn
{
	border: 1px solid #aaa;
	padding: 7px 12px;
	background-color: #eee;
		display: inline-block; 
	color: #444;
	font-weight: normal;	cursor: pointer;}
.btn:hover
{
	background-color: #fff;
}


.tabplacard
{
   border-bottom: 1px solid #aaaaaa;
    margin-bottom: 8px;
    padding: 0 2px;
    width: 100%;
}

.tabbtn
{
  background-color: #999999;
    border-radius: 4px 12px 0 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: -2px;
    padding: 4px 15px;
}
.tabbtn:hover
{
	background-color: #666;
}
.tabbtn.activ
{
	background-color: #666 !important;
}
/* =========== */
.content
{
	background-color: #fff;
	min-height: 400px;
	padding: 6px;
	
}
.closed {
    height: 0;
    overflow: hidden;
}
/* =========== */
.elementbox
{
border: 1px solid #dedede;
    background-color: var(--content-bg);
    margin-bottom: 10px;
    padding: 6px;
    padding-bottom: 10px;
    position: relative;
    border-radius: 6px
}
.elements {
    margin-top: 4px;
    padding: 0 4px;
    position: relative;
}

.elementhint {
    right: 80px;
    position: absolute;
    top: -28px;
    max-width: 270px;
    font-size: 9px
}
.box {
	position: relative;
    padding: 4px;
    width: 100%;
}
.ttright
{
}
.ttleft
{
}
/* =========== */
#backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: rgba(0,0,0,0.4); z-index: 9;}
#l2backdrop{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: #000; opacity: 0.4; z-index: 11; }
#savebackdrop{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: #000; opacity: 0.4; z-index: 20; }
#PREVIEWDIALOG{z-index: 12}
#PREFERENCEDIALO .unit {
    display: block;
    margin-bottom: 4px;
    margin-top: 8px;
    width: 100%;
}
#TESTSENDDIALOG label, #PREFERENCEDIALO .unit.up > label {
    padding-bottom: 12px;
}
.mce-branding{display: none !important;}
#CREATENEWSLETTER .unit {
    display: block;
    margin-bottom: 4px;
    width: 100%;
}
#CREATENEWSLETTER .unit.up {
    margin-top: 12px;
}
#KATEGORIEDIALOG .rdbtn, #CREATENEWSLETTER .rdbtn
{
    background-color: #55aa00;
    color: #fff;
    border: 1px solid #dedede;
    border-radius: 15px;
    font-size: 20px;
    font-weight: bold;
    height: 27px;
    padding: 0;
    text-align: center;
    width: 27px;
    cursor: pointer;

    box-sizing: border-box;
}
#CREATENEWSLETTER .moverdbtn
{
    background-color: #fff;
    color: #fff;
    border: 1px solid ;
    border-radius: 15px;
    font-size: 20px;
    font-weight: bold;
    height: 27px;
    padding: 0;
    text-align: center;
    width: 27px;
    cursor: pointer;
   position: absolute;
    right: 50px;
    top: 0px;
        padding-top: 1px;
    box-sizing: border-box;
}

#KATEGORIEDIALOG .subrdbtn, #CREATENEWSLETTER .subrdbtn
{
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 15px;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    height: 27px;
    padding: 0;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 0;
    width: 27px;
    padding-top: 1px;
    box-sizing: border-box;
}
#KATEGORIEDIALOG .rdbtn:Hover
{
    border-color: #0f0;
}

#KATEGORIEDIALOG .subrdbtn:Hover
{
    border-color: #f00;
}

#CREATENEWSLETTER .tabAddbtn, #CREATENEWSLETTER .tabSubbtn
{
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 15px;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    height: 27px;
    padding: 0;
    position: absolute;
    right: 6px;
    text-align: center;
	top: 8px;
    width: 27px;
    padding-top: 1px;
    box-sizing: border-box;
}
#CREATENEWSLETTER .tabSubbtn
{
	right: 42px;
}
.tabbox
{
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    padding: 8px;
    position: relative;
    width: 97%;
    margin-top: 2px;
    display: flex;
}
.delleft{   margin-right: 6px;
    padding: 0 !important;
    width: 12% !important;}
.delmiddle{   margin-right: 6px;
    padding: 0 !important;
    width: 12% !important;}
.delright{resize: none; width: 40% !important; margin-left: 2%;}

#CREATENEWSLETTER label
{
	vertical-align: top;
	width: 120px;
	display: inline-block;
}
#CREATENEWSLETTER .nl_html
{
margin-top: 6px;
}
#TESTSENDDIALOG {min-height: 210px; bottom: initial}
.dialog
{
    background-color: #fff;
    /*border: 1px solid #999c99;*/
    box-shadow: 2px 2px 25px rgba(0,0,0,.6);
    left: 23%;
    padding: 50px 25px 50px 25px;
    position: fixed;
    top: 10%;
    width: 60%;
    display: none;
    z-index: 10;
    box-sizing: border-box;
    max-height: 960px;
    bottom: 10%;
    overflow: auto;
}
hr {margin: 8px 0}
.pg_w50{width:49%!Important; float: left; margin-right: 1%;}
.pg_w30{width:29%!Important; float: left; margin-right: 1%;}
.pg_row {
    overflow: hidden;
}
.nl_titlebar {
    background-color: #0a1f2f;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold !Important;
    left: 0;
    padding: 12px 12px;
    position: absolute;
    top: 0;
    width: 100%;
     box-sizing: border-box;
}
#nl_response {
    margin-top: 20px;
}
.nl_content 
{
    margin-top: 16px;
}
#NL_ELEMENTS ul
{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
#CREATENEWSLETTER .placard
{
    text-align: right;
    width: 100%;
    padding-right: 6px;
	position: fixed;
    bottom: 10%;
    width: 60%;
    left: 23%;
    background-color: #0a1f2f;
    box-sizing: border-box;
    z-index: 99;
}

#PRECONTENT ul {padding-left: 39px}
#PRECONTENT ul li {list-style: initial !important}

.toggleFrame.closed {height: 35px; overflow: hidden}
.toggleTrigger {display: flex;align-items: center;padding: 10px 0;font-weight: bold;cursor: pointer}
.toggleTrigger img {width: 16px; padding-right: 10px;transform: rotate(90deg);transform-origin: 30% 50%;}
.toggleTrigger .line {width: 74%;margin-left: 3%;border-top: 2px solid #0a1f2f;}

.toggleFrame.closed .toggleTrigger img {transform: rotate(0deg);transform-origin: 20% 50%;}