.xc_hidden {
    position: absolute;
    z-index: 1000;
    left: -1000px;
    top: -10000px;
}

.xc_form {
    margin: 0;
    padding: 0;
}

.xc_invisible {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

.xc_fieldset {
    padding: 0;
    margin: 0;
    display: block;
    border: 0 solid #ffffff;
}

* html .xc_fieldset {
    position: relative;
}

.xc_panel {
    position: relative;
}

* html .xc_panel {
    height: 10px;
}

.xc_group {
    margin: 1.0em 0 0.5em;
    border: 1px solid #ddd;
    display: block;
    background-color: #FCFCFC;
    clear: both;
    padding: 8px;
    -moz-box-shadow: 2px 2px 5px #dddddd;
    -webkit-box-shadow: 2px 2px 5px #dddddd;
    box-shadow: 2px 2px 5px #dddddd;
}

.xc_group_notitle {
    padding-top: 1em;
}

.xc_group_title {
    display: inline;
    position: relative;
    top: -1.2em;
    left: -9px;
    font-size: 0.9em;
    font-weight: bolder;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    padding: 2px 10px 2px 10px;
    background-color: #FAFAFA;
    margin-bottom: 10px;
    color: #000000;
}

.xc_group_title img {
    vertical-align: middle;
    margin-right: 8px;
}

.xc_matrix {
}

.xc_matrix td {
    padding: 0 4px;
    text-align: center;
    vertical-align: top;
    font-size: 0.8em;
}

.xc_matrix td.xc_first {
    padding: 0 4px 0 0;
    text-align: left;
}

.xc_matrix_title {
    color: #000000;
    font-size: 0.9em;
    font-weight: bolder;
}

.xc_matrix_col, .xc_matrix_row {
    color: #000000;
    font-size: 0.9em;
}

.xc_element {
    margin: 0;
    margin-bottom: 0.3em;
    padding: 0;
}

.xc_helement {
    float: left;
    margin-right: 12px;
}

.xc_element_last {
    margin-right: 0;
}

.xc_grp_action {
    position: absolute;
    right: 0;
    bottom: 0;
}

.xc_biglabel {
    font-size: 0.9em;
}

.xc_label, .xc_msg {
    font-size: 0.8em;
}

#braingeocms-backend .xc_biglabel {
    font-size: 1em;
}

#braingeocms-backend .xc_label, #braingeocms-backend .xc_msg {
    font-size: 0.9em;
}

.xc_input, .xc_select, .xc_textarea, .xc_multifile_input, .ui-autocomplete-input, .xc_geolist_input, .table-multiaction, .xc_file {
    font-size: 1em;
    padding: 4px 6px;
    line-height: 1.4em;
    border: 1px solid #ccc;
    background-color: #fff;

    transition-property: border, color;
    transition-duration: 0.3s, 0.5s;
    transition-timing-function: linear, ease-in;

    -webkit-transition-property: border, color;
    -webkit-transition-duration: 0.3s, 0.5s;
    -webkit-transition-timing-function: linear, ease-in;

    -moz-transition-property: border, color;
    -moz-transition-duration: 0.3s, 0.5s;
    -moz-transition-timing-function: linear, ease-in;

    -o-transition-property: border, color;
    -o-transition-duration: 0.3s, 0.5s;
    -o-transition-timing-function: linear, ease-in;
    /*neu*/
    border-radius: 3px;
    min-height: 28px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    -webkit-box-shadow: inset 1px 1px 1px #dddddd;
    -moz-box-shadow: inset 1px 1px 1px #dddddd;
    box-shadow: inset 1px 1px 1px #dddddd;
}

.xc_input:hover,
.xc_select:hover,
.xc_textarea:hover,
.xc_input:focus,
.xc_select:focus,
.xc_textarea:focus,
.xc_input:active,
.xc_select:active,
.xc_textarea:active,
.xc_multifile_input:hover,
.xc_multifile_input:focus,
.xc_multifile_input:active,
.ui-autocomplete-input:hover,
.ui-autocomplete-input:focus,
.ui-autocomplete-input:active,
.table-multiaction:hover,
.table-multiaction:focus,
.table-multiaction:active,
.xc_file:hover,
.xc_file:focus,
.xc_file:active {
    border: 1px solid #0567C6;
    background-color: #fff;
}

.xc_select {
}

.xc_select_l0, .xc_select_l1, .xc_select_l2, .xc_select_l3, .xc_select_l4, .xc_select_l5 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.xc_select_l1, .xc_select_l2, .xc_select_l3, .xc_select_l4, .xc_select_l5 {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}

.xc_file {
    font-size: 1em;
}

div.xc_captcha {
    margin: 0.5em 0 1.2em 0;
}

.xc_error {
    border: 1px solid #f09090 !important;
    background: none;
    background-color: #FFF0F0;
}

.xc_input:hover, .xc_input:focus,
.xc_textarea:hover, .xc_textarea:focus,
.xc_select:hover, .xc_select:focus,
.xc_multifile_input:hover, .xc_multifile_input:focus,
.xc_error:hover, .xc_error:focus,
.ui-autocomplete-input:hover, .ui-autocomplete-input:focus,
.xc_geolist_input:hover, .xc_geolist_input:focus {
    border: 1px solid #aaaaaa;
    background-color: #F6F6F6;
}

.xc_file:hover, .xc_file:focus {
    background-color: #F0F0F0;
}

.xc_input:focus, .xc_textarea:focus, .xc_select:focus, .xc_error:focus, .xc_multifile_input:focus, .ui-autocomplete-input:focus, .xc_geolist_input:focus {
    border: 1px solid #000000;
    background-color: #fff;
}

.xc_checkbox, .xc_radio {
    position: relative;
    top: 3px;
    left: 0;
    margin-right: 5px;
}

/*
.xc_panel .xc_checkbox,
.xc_panel .xc_radio{
	top: 9px;
}
.xc_panel .xc_label{padding-top:9px;display:inline-block;}
*/

.xc_button {

    font-size: 1em;
    line-height: 1.4em;
    border: 1px solid #AFB4BC;
    background-color: #AFB4BC;
    color: #FFF;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 2px 2px 2px #ddd;
    -webkit-box-shadow: 2px 2px 2px #ddd;
    box-shadow: 2px 2px 2px #ddd;

    transition-property: border, background-color;
    transition-duration: 0.1s, 0.1s;
    transition-timing-function: linear, ease-in;

    -webkit-transition-property: border, background-color;
    -webkit-transition-duration: 0.1s, 0.1s;
    -webkit-transition-timing-function: linear, ease-in;

    -moz-transition-property: border, background-color;
    -moz-transition-duration: 0.1s, 0.1s;
    -moz-transition-timing-function: linear, ease-in;

    -o-transition-property: border, background-color;
    -o-transition-duration: 0.1s, 0.1s;
    -o-transition-timing-function: linear, ease-in;

}

.xc_button:hover, .xc_button:focus {
    border: 1px solid #727884;
    background-color: #727884;
    -moz-box-shadow: 2px 2px 2px #bbb;
    -webkit-box-shadow: 2px 2px 2px #bbb;
    box-shadow: 2px 2px 2px #bbb;
}

.xc_element_first .xc_button {
    /*border:1px solid #82B3E2;
    background-color:#82B3E2;*/
    border: 1px solid #408dd8;
    background-color: #408dd8;
    font-weight: bold;
}

.xc_element_first .xc_button:hover,
.xc_element_first .xc_button:focus {
    border: 1px solid #1D72C1;
    background-color: #1D72C1;
}

/*Button Speichern*/
.xc_button.save_btn,
.xc_element_first .xc_button.save_btn,
.xc_button.blue_btn,
.xc_element_first .xc_button.blue_btn {
    background-color: #408DD8;
    border: 1px solid #408DD8;
    font-weight: bold;
}

.xc_button.save_btn:hover,
.xc_button.save_btn:focus,
.xc_button.save_btn:active,
.xc_element_first .xc_button.save_btn:hover,
.xc_element_first .xc_button.save_btn:focus,
.xc_element_first .xc_button.save_btn:active,
.xc_button.blue_btn:hover,
.xc_button.blue_btn:focus,
.xc_button.blue_btn:active,
.xc_element_first .xc_button.blue_btn:hover,
.xc_element_first .xc_button.blue_btn:focus,
.xc_element_first .xc_button.blue_btn:active {
    border: 1px solid #1D72C1;
    background-color: #1D72C1;
}

/*Button Speichern/Schließen */
.xc_button.save_close_btn,
.xc_element_first .xc_button.save_close_btn,
.xc_button.lightblue_btn,
.xc_element_first .xc_button.lightblue_btn {
    background-color: #82B3E2;
    border: 1px solid #82B3E2;
}

.xc_button.save_close_btn:hover,
.xc_button.save_close_btn:focus,
.xc_button.save_close_btn:active,
.xc_element_first .xc_button.save_close_btn:hover,
.xc_element_first .xc_button.save_close_btn:focus,
.xc_element_first .xc_button.save_close_btn:active,
.xc_button.lightblue_btn:hover,
.xc_button.lightblue_btn:focus,
.xc_button.lightblue_btn:active,
.xc_element_first .xc_button.lightblue_btn:hover,
.xc_element_first .xc_button.lightblue_btn:focus,
.xc_element_first .xc_button.lightblue_btn:active {
    background-color: #1D72C1;
    border: 1px solid #1D72C1;
}

/*Button Schließen */
.xc_button.close_btn,
.xc_element_first .xc_button.close_btn,
.xc_button.orange_btn,
.xc_element_first .xc_button.orange_btn {
    background-color: #EABD6E;
    border: 1px solid #EABD6E;
}

.xc_button.close_btn:hover,
.xc_button.close_btn:focus,
.xc_button.close_btn:active,
.xc_element_first .xc_button.close_btn:hover,
.xc_element_first .xc_button.close_btn:focus,
.xc_element_first .xc_button.close_btn:active,
.xc_button.orange_btn:hover,
.xc_button.orange_btn:focus,
.xc_button.orange_btn:active,
.xc_element_first .xc_button.orange_btn:hover,
.xc_element_first .xc_button.orange_btn:focus,
.xc_element_first .xc_button.orange_btn:active {
    background-color: #F49E00;
    border: 1px solid #F49E00;
}

/*Button Grün */
.xc_button.green_btn,
.xc_element_first .xc_button.green_btn {
    background-color: #6bc555;
    border: 1px solid #6bc555;
}

.xc_button.green_btn:hover,
.xc_button.green_btn:focus,
.xc_button.green_btn:active,
.xc_element_first .xc_button.green_btn:hover,
.xc_element_first .xc_button.green_btn:focus,
.xc_element_first .xc_button.green_btn:active {
    background-color: #34aa00;
    border: 1px solid #34aa00;
}

/*Button Lila */
.xc_button.purple_btn,
.xc_element_first .xc_button.purple_btn {
    background-color: #9e7bb7;
    border: 1px solid #9e7bb7;
}

.xc_button.purple_btn:hover,
.xc_button.purple_btn:focus,
.xc_button.purple_btn:active,
.xc_element_first .xc_button.purple_btn:hover,
.xc_element_first .xc_button.purple_btn:focus,
.xc_element_first .xc_button.purple_btn:active {
    background-color: #9b59b1;
    border: 1px solid #9b59b1;
}

/*Button Gelb */
.xc_button.yellow_btn,
.xc_element_first .xc_button.yellow_btn {
    background-color: #e9cb00;
    border: 1px solid #e9cb00;
}

.xc_button.yellow_btn:hover,
.xc_button.yellow_btn:focus,
.xc_button.yellow_btn:active,
.xc_element_first .xc_button.yellow_btn:hover,
.xc_element_first .xc_button.yellow_btn:focus,
.xc_element_first .xc_button.yellow_btn:active {
    background-color: #d9c200;
    border: 1px solid #d9c200;
}

/*Button Rot */
.xc_button.red_btn,
.xc_element_first .xc_button.red_btn {
    background-color: #da4e52;
    border: 1px solid #da4e52;
}

.xc_button.red_btn:hover,
.xc_button.red_btn:focus,
.xc_button.red_btn:active,
.xc_element_first .xc_button.red_btn:hover,
.xc_element_first .xc_button.red_btn:focus,
.xc_element_first .xc_button.red_btn:active {
    background-color: #da292f;
    border: 1px solid #da292f;
}

/*Button Disabled */
.xc_button_disabled {
    background-color: #eaeaea !important;
    border: 1px solid lightgray !important;
}

.xc_button_disabled:hover,
.xc_button_disabled:focus,
.xc_button_disabled:active {
    background-color: #eaeaea !important;
    border: 1px solid lightgray !important;
}

.xc_img_button {
    margin: 0 0 0 4px;
    cursor: pointer;
    vertical-align: text-top;
    border: 0 solid #FFFFFF;
}

.xc_note {
    margin: 0 12px 0.5em 12px;
}

ul.xc_freeselect {
    list-style: none;
    margin: 2px 0;
    padding: 0;
}

.xc_freeselect li {
    cursor: pointer;
    font-size: 1.0em;
    min-height: 1.0em;
    padding: 1px 4px;
}

.xc_freeselect li:hover {
    background-color: #FFFFFF;
}

.xc_popup {
    padding: 1px;
    font-size: 0.9em;
    border: 1px solid #000000;
    background-color: #F0F0F0;
    overflow: auto;
}

.xc_color_picker {
    width: 14px;
    height: 14px;
    font-size: 8px;
    line-height: 8px;
}

.xc_color_picker:hover {
    border: 2px solid #000000;
    width: 10px;
    height: 10px;
}

.xc_tab_control {
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
}

.xc_tab_control ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.xc_tab_button {
    position: relative;
    z-index: 1;
    margin: 0;
    min-height: 1em; /* ansonsten ist Layout im IE 7 zerhauen */
}

* html ul.xc_tab_button {
    height: 1em; /* ansonsten ist Layout im IE 6 zerhauen */
}

li.xc_tab_button {
    display: block;
    float: left;
    border: 1px solid #dddddd;
    border-bottom: 0;
    padding: 3px 0.7em;
    margin: 0;
    margin-right: 4px;
    background-color: #f6f6f6;
    cursor: pointer;
    color: #0567C6;
    font-weight: bold;
    min-height: 21px;
}

li.xc_tab_button.xc_tab_error {
    background-color: #FFF0F0;
    color: #ff0000;
}

li.xc_tab_button.xc_tab_active {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    padding-bottom: 4px;
    border-color: #82B3E2;
    cursor: auto;
    color: #000;
}

/* Hervorhebung von Tabs z.B. welches Tabsheet enhält Daten */
li.xc_tab_button.xc_tab_marked > span {
    text-decoration: underline;
}

.xc_tab_horizontal li.xc_tab_button.xc_tab_active {
    border-bottom-width: 0;
}

.xc_tab_vertical.xc_tab_position_left li.xc_tab_button.xc_tab_active {
    border-right-color: #FFFFFF;
    border-right-width: 3px;
    position: relative;
    right: 0;
}

.xc_tab_vertical.xc_tab_position_right li.xc_tab_button.xc_tab_active {
    border-left-color: #FFFFFF;
    border-left-width: 0;
    position: relative;
    left: -2px;
}

.xc_tab_vertical li.xc_tab_button:last-child {
    border-bottom: 1px solid #ddd
}

.xc_tab_vertical li.xc_tab_button.xc_tab_active:last-child {
    border-bottom: 1px solid #82B3E2
}

ul.xc_tab_content {
    clear: left;
    border: 1px solid #82B3E2;
    margin: 0;
    background: #fff;
}

.xc_tab_horizontal ul.xc_tab_content {
    position: relative;
    top: -1px;
}

li.xc_tab_content {
    display: none;
    padding: 0.5em 0.7em;
    margin: 0;
}

li.xc_tab_content.xc_tab_active {
    display: block;
}

.xc_tab_vertical.xc_tab_position_left ul.xc_tab_button {
    float: left;
}

.xc_tab_vertical.xc_tab_position_right ul.xc_tab_button {
    float: right;
}

.xc_tab_vertical ul.xc_tab_button {
    width: 200px;
}

.xc_tab_vertical li.xc_tab_button {
    float: left;
    width: 90%;

    text-overflow: ellipsis;
    /*	width: 200px; */
    white-space: nowrap;
    overflow: hidden;
}

.xc_tab_vertical.xc_tab_position_left ul.xc_tab_content {
    margin: 0 0 0 201px
}

.xc_tab_vertical.xc_tab_position_right ul.xc_tab_content {
    margin: 0 201px 0 0
}

.xc_tab_vertical ul.xc_tab_content {
    clear: none;
}

.xc_submitanimation {
    position: relative; /* zur absoluten Ausrichtung des Loaders */
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.xc_submitanimation_loader {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 40px;
    min-height: 40px;
    height: 100%;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url("./../../res/images/ajax-loader-grey.gif");
}

.xrule_email, .xrule_url, .xrule_numeric, .xrule_integer, .xrule_date, .xrule_datetime {
    padding-left: 22px;
    background-position: 3px 5px;
    background-repeat: no-repeat;
}

.ui-spinner-input {
    background-position: 0 3px;
    min-height: 22px;
}

.xrule_email {
    padding-left: 22px;
    background-position: 3px 6px;
    background-image: url("rules/email.png");
}

.xrule_url {
    padding-left: 22px;
    background-position: 3px 6px;
    background-image: url("rules/url.png");
}

.xrule_numeric, .xrule_integer {
    background-image: url("rules/calculator.png");
}

.xrule_date {
    background-image: url("rules/calendar_view_day.png");
}

.xrule_datetime {
    background-image: url("rules/time.png");
}

.xreadonly {
    padding-left: 20px;
    background-position: 1px 6px;
    background-repeat: no-repeat;
    background-image: url("./../../res/images/xcontrols/pencil_delete.png");
}

input.xc_marked {
    outline: 1px solid #0567C6;
}

.xc_color {
    background-image: none;
}

.xc_seperator.xc_seperator_horizontal {
    /*line-height:1px;
    margin:10px 0 10px 0;
    border-bottom:1px solid #ccc;
    padding-bottom:6px;*/

    clear: both;
}

.xc_seperator.xc_seperator_horizontal .xc_seperator_horizontal_inner {
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 50%;
}

.xc_seperator.xc_seperator_vertical {
    margin: 0 10px 0 10px;
    padding-left: 6px;
}

.xc_seperator.xc_seperator_vertical .xc_seperator_vertical_inner {
    border-right: 1px solid #ccc;
    width: 50%;
    height: 100%;
}

.xc_notice_msg {
    display: block;
    text-align: left;
    padding: 5px 0;
    margin: 0;
    color: #666;
}

/*MediaSelect - CSS */

.xc_mediaselect_table {
    margin: 0;
    padding: 0;
    width: 100%;
}

.xc_mediaselect_table tr {
    margin: 0 5px 5px 5px;
    padding: 5px; /*font-size: 1.2em;*/
    height: 1.5em;
    background: #f3f3f3;
    color: #555;
}

html > body .xc_mediaselect_table tr {
    height: 1.5em;
    line-height: 1.2em;
}

.xc_mediaselect_table td.xc_mediaselect_td {
    border-color: #DDDDDD !important;
    border-style: solid !important;
    border-width: 0 1px 1px 0 !important;
    vertical-align: middle !important;
    border-radius: 6px 6px 6px 6px !important;
    padding: 5px;
}

.xc_mediaselect_table th {
    text-align: left;
    font-size: 0.8em;
}

.xc_notice {
    border: 1px solid #ededf0;
    background-color: #ffffdd;
    padding: 5px;
    font-size: 11px;
}

.xe_map .gc_map {
    margin: 0;
}

/*ArticleSelect - CSS */

.xc_articleselect_table {
    margin: 0;
    padding: 0;
    width: 100%;
}

.xc_articleselect_table tr {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    height: 1.5em;
    background: #f3f3f3;
    color: #555;
}

html > body .xc_articleselect_table tr {
    height: 1.5em;
    line-height: 1.2em;
}

.xc_articleselect_table td.xc_articleselect_td {
    border-color: #DDDDDD !important;
    border-style: solid !important;
    border-width: 0 1px 1px 0 !important;
    vertical-align: middle !important;
    border-radius: 6px 6px 6px 6px !important;
    padding: 5px;
}

.xc_articleselect_table th {
    text-align: left;
    font-size: 0.8em;
}

/*placeholder-textcolor*/
::-webkit-input-placeholder {
    color: #aaa;
}

:-moz-placeholder {
    color: #aaa;
}

/* Firefox 18- */
::-moz-placeholder {
    color: #aaa;
}

/* Firefox 19+ */
:-ms-input-placeholder {
    color: #aaa;
}

input[data-image="bild"] {
    display: none
}

input[data-image="bild"] + label IMG {
    display: inline-block;
    padding: 0 0 0 0;
    border: 2px solid #dbdbdb;
    opacity: 0.8;
}

input[data-image="bild"]:hover + label IMG {
    opacity: 1;
}

input[data-image="bild"]:checked + label IMG {
    display: inline-block;
    padding: 0 0 0 0;
    border: 2px solid green;
    opacity: 1;
}

.xc_element_counter_overlimit {
    border: 2px solid red;
}

.xc_element_counter {
    font-size: 0.8em;
    height: 1.0em;
}

.xc_element_tooltip {
    font-size: 0.8em;
    height: 1.0em;
}

/* ---Spezielle Korrekturen --- */
.padding-corrector-container {
    padding-top: 15px;
}

/* --- Layerselect-Element --- */
.xc_layerselect_table {
    display: table;
    table-layout: fixed;
}

.xc_layerselect_table_cell {
    display: table-cell;
}

.xc_layerselect_container {
    border: 1px solid #ccc;
    position: relative;
}

.xc_layerselect {
    padding: 0 !important;
}

.xc_layerselect_container .ui-effects-wrapper {
    height: auto !important;
}

.xc_layerselect_searchbox {
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    display: none;
    position: absolute;
    right: 1.75em;
    height: auto !important;
    top: 0;
    z-index: 100;
}

.xc_layerselect_searchbox input {
    display: block;
    height: 1.25em;
    padding: 0.25em 0.5em;
    border: none;
}

.xc_layerselect_searchicon {
    background-color: #FFF;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    width: 1.25em;
    height: 1.25em;
    padding: 0.25em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 100;
}

.xc_layerselect_searchicon span {
    cursor: pointer;
}

.xc_layerselect .jstree-checkbox-disabled {
    display: none !important;
}

.xc_layerselect2box_container {
    display: table;
    table-layout: fixed;
}

.xc_layersortable_container {
    border: 1px solid #ccc;
    border-right: none;
    position: relative;
}

.xc_layersortable_container > div.list_wrapper {
    bottom: 1.9em;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.xc_layersortable_container > div.list_wrapper > ul {
    list-style-type: none;
    margin: 0;
    padding-top: 3px;
}

.xc_layersortable_container > div.list_wrapper > ul > li {
    cursor: move;
    font-size: 1em;
    height: 1.2em;
    line-height: 1.2em;
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    padding-right: 2em;
}

.xc_layersortable_container > div.list_wrapper > ul > li > span.indicator {
    margin-left: -1.3em;
    position: absolute;
}

.xc_layersortable_container > div.list_wrapper > ul > li > span.text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xc_layersortable_container > div.list_wrapper > ul > li > span.remove {
    cursor: pointer;
    position: absolute;
    right: 1em;
}

div.remove_all {
    background: #eee;
    border: 1px solid #ccc;
    border-top: none;
    height: 1.3em;
    overflow: hidden;
    padding: 0.3em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.remove_all > span {
    cursor: pointer;
}

.xc_layerselect2box_container > .xc_layersortable_container,
.xc_layerselect2box_container > .xc_layerselect_container {
    display: table-cell;
}

.gc_form_notice {
    display: block;
    border: 1px dashed #ddd;
    color: #999;
    font-size: 0.9em;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

.gc_form_msg {
    display: block;
    border: 2px solid #fff;
    color: #000;
    font-size: 1.1em;
    padding: 0.25em 0.5em;
    margin-bottom: 0.5em;
}

.gc_form_msg,
.gc_form_msg.error {
    color: #D62F2C;
    border: 2px dashed #D62F2C;
    background: #F9EFEF;
}

.gc_form_msg.notice {
    color: #0567C6;
    border: 2px solid #0567C6;
    background: #EFF5F9;
}

.gc_form_msg.warning {
    color: #EA7D00;
    border: 2px solid #EA7D00;
    background: #FCF4EA;
}

.gc_form_msg.success {
    color: #5EAD39;
    border: 2px solid #5EAD39;
    background: #F0FCEA;
}

/*Role-Table*/
table.role-overview-table {
    border-collapse: collapse;
}

table.role-overview-table th,
table.role-overview-table td {
    padding: 1px;
    vertical-align: middle;
    text-align: left;
}

table.role-overview-table td {
    border-bottom: 1px dotted #ccc;
    font-size: 0.9em;
}

table.role-overview-table th {
    font-size: 0.8em;
}

table.role-overview-table th.role-head-name {
    width: auto;
}

table.role-overview-table th.role-head-source {
    width: 10%;
}

table.role-overview-table th.role-head-typ {
    width: 10%;
}

table.role-overview-table th.role-head-read {
    width: 8%;
}

table.role-overview-table th.role-head-write {
    width: 8%;
}

table.role-overview-table th.role-head-del {
    width: 8%;
}

table.role-overview-table th.role-head-rights {
    width: 8%;
}

table.role-overview-table th.role-head-add {
    width: 8%;
}

table.role-overview-table tr.oddeven-0 {
}

table.role-overview-table tr.oddeven-1 {
    background-color: #f9f9f9;
}

table.role-overview-table tr.oddeven-0:hover,
table.role-overview-table tr.oddeven-0:focus,
table.role-overview-table tr.oddeven-0:active,
table.role-overview-table tr.oddeven-1:hover,
table.role-overview-table tr.oddeven-1:focus,
table.role-overview-table tr.oddeven-1:active {
    background-color: #eeeeee;
}

.role-icon-source {
    display: inline-block;
    width: 24%;
    margin: 0 1% 0 0;
    padding: 1px;
    background-color: #246aa6;
    color: #fff;
    text-align: center;
}

.role-icon-source.source-G {
    background-color: #285261;
}

.role-icon-source.source-M {
    background-color: #0693a6;
}

.role-icon-source.source-E {
    background-color: #246aa6;
}

.role-icon-source.source- {
    background-color: #506064;
}

.role-icon-mark,
.role-icon-group,
.role-icon-person {
    display: block;
    padding: 1px;
    color: #fff;
    text-align: center;
}

.role-icon-mark {
    background-color: #5ea600;
}

.role-icon-group {
    background-color: #6b7075;
}

.role-icon-person {
    background-color: #3a3e43;
}