/* ------------------------------------------------------------------ */
/* ICON-FONT imprtieren                                               */
/* ------------------------------------------------------------------ */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

/* ------------------------------------------------------------------ */
/* Anpassungen Tito für Backend-Flaggen (Klassen anpassen!)           */
/* ------------------------------------------------------------------ */
div#rex-clang li[class |= "rex-navi"] {
	padding: 1px 5px;
}
div#rex-clang li[class |= "rex-navi"] a {
	padding: 0 5px 0 20px !important;
	background-image: none;
}
div#rex-clang li[class |= "rex-navi"] a.rex-active {
	color: #fff;
	background-color: #14568A !important;
}

/* .pngs den clang-ids anpassen */
/* DE = clang 0 */
div#rex-clang li.rex-navi-clang-0 a {
	background: url(flags/16/de.png) no-repeat left center !important;
}
.clang_0 div.rex-content-editmode-module-name h3.rex-hl4 {
    padding-left: 28px;
    background: url(flags/16/de.png) no-repeat 5px 9px;
}

/* EN = clang 1 */
div#rex-clang li.rex-navi-clang-1 a {
	background: url(flags/16/gb.png) no-repeat left center !important;
}
.clang_1 div.rex-content-editmode-module-name h3.rex-hl4 {
    padding-left: 28px;
    background: url(flags/16/gb.png) no-repeat 5px 9px;
}
/* ... */


/* ------------------------------------------------------------------ */
/* Titos Modul-Ausgaben                                               */
/* ------------------------------------------------------------------ */

.beinfo { background: #DFE9E9; margin:.3em 0 .6em; padding:.2em .5em; }
div[class^="col-"] div[class^="col-"] { border: 1px dashed #999; }
div[class^="col-"] div[class^="col-"] .beinfo { 
    background: #DFE9E9; padding: 1px .7em; font-size: 80%; font-style: italic;
}

#mymod { display: table; width: 100%; }

#mymod .section { padding:0; margin-bottom: 1em; }
#mymod .section:last-child,
#mymod #tabs .section { margin-bottom: 0; }

#mymod .section > p { float:none; }

#mymod div.sbg-odd,
#mymod div.sbg-even { border: 1px solid #e6e6e6; border-top: 3px solid #B0BDC3; }
#mymod div.sbg-odd  { background: #f6f6f6; margin-bottom: 2em;}
#mymod div.sbg-even { background: #efefef; margin-bottom: 2em;}

/*
#mymod .mytable { border-collapse: collapse; width: 100%; table-layout: fixed; }
#mymod .mytable td { padding: 5px 10px 5px 0; vertical-align: middle; }
#mymod .mytable td.editor td { padding: inherit; }
#mymod .mytable td.label { width: 22%; }
#mymod .mytable td > select, 
#mymod .mytable td > input { width: 60%; }
*/

#tabs .tsettings { float: right;}
#mymod #tabs #tsettings .mytable td.label { width: 30%; }

#mymod div[id^="colcontent_"] { border-top: 1px solid #e6e6e6; margin-top: 0; padding-top: 6px; }
#mymod div[id$="_page"] div.rex-widget,

#mymod td.input div.rex-widget { margin-bottom: 0; }


/* MForm */
.mform-default:hover a.nowiget { color: #2C8EC0; }
.mform-default .mutiselect .label { vertical-align: top; }
/*
#mymod .mform-row.mform-table { display: table; width: 100%; padding: 2px 10px; box-sizing: border-box; }
#mymod .mform-row.mform-table label { display: table-cell !important; float: none; }
#mymod .mform-row.mform-table span[class^="mform-table-cell"] { display: table-cell; }
#mymod .mform-row .mform-table-cell-middle { vertical-align: middle; }
*/