/* Customization of Dokwuki element */


/* In the config page, the label are no wrap with bootstrap */
/* Very hugely */
#config__manager td.label label {
    clear: left;
    display: block;
    white-space: normal;
    color: #000000;
    font-size: 100%;
    font-weight: normal;
    padding-right: 0.8em;
}

#config__manager fieldset td.value {
    width: 33em;
}

#config__manager td.label {
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 0;
    padding-top: 0.8em;
    vertical-align: top;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
    display: inline;
    font-size: 100%;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
}

#config__manager fieldset td {
    text-align: left;
}

#config__manager td.label span.outkey {
    background-color: #fff;
    color: #666;
    display: block;
    float: left;
    font-size: 70%;
    margin-left: -1em;
    margin-top: 0em;
    padding-bottom: 0;
    padding-left: 0.1em;
    padding-right: 0.1em;
    padding-top: 0;
    position: relative;
    z-index: 1;
}

#config__manager tr.default .input, #config__manager tr.default input {
    background-color: #ffffff;
}

#config__manager tr.default select {
   background-color: #ffffff;
}

#config__manager .selectiondefault,
#config__manager tr.default td.value div.input {
    background-color: unset;
}

#config__manager tr.default textarea  {
    background-color: unset;
}

#config__manager tr .input {
    background-color: unset;
}


/* The edit button */
div.secedit button {
    float: right;
    font-size: 10px;
}

/* The text area in the edit form */
textarea {
    width: 100%;
}

/* Preview in the edit form */
div.preview {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    border-bottom-color: #000;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #000;
    border-left-style: dashed;
    border-left-width: 1px;
    border-right-color: #000;
    border-right-style: dashed;
    border-right-width: 1px;
    border-top-color: #000;
    border-top-style: dashed;
    border-top-width: 1px;
    margin-bottom: 0;
    margin-left: 2em;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

/* No float when the media query is too small */
@media (min-width: 0px) and (max-width: 576px) { 

	.mediaright {
		float: none;
	}
	
	.medialeft {
		float: none;
	}

}

/* To resolve the overlapping of right element on the left picture */
/* See http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements */
/* Conflict with the header menu, then only for the content inside the dokuwiki class */
.dokuwiki ul {
	overflow: hidden;
}
