.hideMe {
    display: none !important;
}

/* newSectionWrapper */
#newSectionWrapper {
    display: table;
    height: 100px;
    width: 100%;
    background-color: #ececec;
    border: 3px dashed #456;
}
#newSectionWrapper a {
    display: table-cell;
    color: #456;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
#newSectionWrapper a:hover {
    color: #39f;
}

/* row */
.webcms_editionStructure {
    position: relative; /*display: block;*/
    min-height: 100px;
    border: 1px dashed;
}
.webcms_editionStructure.webcms_tplLevel1 {
    /*position: relative;*/
    /*display: block; min-height: 100px; width: 100%;*/
    border-color: #456;
    padding-top: 30px !important;
}
.webcms_editionStructure.webcms_tplLevel2 {
    /*position: relative;*/
    /*min-height: 100px; width: 100%;*/
    border-color: red;
    /*padding-top: 30px !important;*/
}
.webcms_editionStructure.webcms_tplLevelx {
    /*position: relative;*/
    /*min-height: 100px;*/
    border-color: green;
    padding-top: 30px !important;
}

.webcms_tplLevel1 {
    position: relative;
    border: 1px solid transparent;
}

.webcms_tplLevel1.noborder,
.webcms_tplLevel2.noborder,
.webcms_tplLevelx.noborder {
    border: none;
}

.webcms_tplLevel1 > .webcmsBasicTools {
    display: none;
}
.webcms_tplLevel1:hover > .webcmsBasicTools {
    display: block;
}
.webcms_tplLevel1:hover {
    border: 1px dashed #444;
}

/* tools level 1 */
.tplLevel1Tools {
    display: none;
    position: absolute;
    top: 0;
    left: 43%;
    z-index: 999;
    border: 1px solid black;
    background-color: #fff;
    background: rgba(255, 255, 255, 0.6);
}
.tplLevel1Tools > span {
    display: inline-block;
    padding: 2px 4px;
    text-transform: uppercase;
    background-color: #444;
    color: #fff;
}
.tplLevel1Tools a {
    /*display: inline-block; margin: 0 5px; */
}

/* tools level 2 */
.tplLevel2Tools {
    display: none;
    /*position: absolute; top: 20%; left: 40%; z-index: 999;*/
    border: 1px solid red;
    background-color: #fff;
    background: rgba(255, 255, 255, 0.6);
}
.tplLevel2Tools > span {
    display: inline-block;
    padding: 2px 4px;
    text-transform: uppercase;
    background-color: #444;
    color: #fff;
}
.tplLevel2Tools a {
    /*display: inline-block; margin: 0 5px;*/
}

/* tools level X */
.tplLevelxTools {
    display: none;
    width: 100%;
    /*position: absolute; top: 50%; left: 40%; z-index: 999;*/
    border: 1px solid green;
    background-color: #fff;
    background: rgba(255, 255, 255, 0.6);
}
.tplLevelxTools > span {
    display: inline-block;
    padding: 2px 4px;
    text-transform: uppercase;
    background-color: #444;
    color: #fff;
}
.tplLevelxTools a {
    /*display: inline-block; margin: 0 5px;*/
}

/* show tools */
.tplLevel1Tools.showTools {
    display: inline-block;
}
.tplLevel2Tools.showTools,
.tplLevelxTools.showTools {
    display: block;
    width: 100%;
}

/* colors */
.tplLevel1Tools a,
.tplLevel2Tools a,
.tplLevelxTools a {
    color: #444;
}
.tplLevel1Tools a:hover,
.tplLevel2Tools a:hover,
.tplLevelxTools a:hover {
    color: #000;
}

.tplLevel1Tools > span,
.tplLevel2Tools > span,
.tplLevelxTools > span {
    color: #b3b3b3;
}

/*
.webcms-ui-state-highlight {
	background: #f9ffce80;
	height: 100%; width: 100%; min-height: 100px;
	display: block;
}*/

/* viewModuleBloc */
.viewModuleBloc {
    position: relative;
    min-height: 50px;
}
/*.viewModuleBloc { background-color: orange; }*/
.viewModuleData {
    display: none;
}
.viewModuleBloc .viewModuleData {
    display: block;
    background-color: orange;
    border: 1px dashed black;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 1.3em;
    text-align: center;
}