/* ===================================================
 * style.administration.css
 * ===================================================
 * The file contains the styles for the administration
 * button, i.e. the buttons that are rendered on top
 * of elements that can be administrated.
 *
 * Some elements require a special style, those styles
 * are gathered in this stylesheet.
 * =================================================== */

/* Represents the administration button */
.administration-button {
    position: absolute;
}
.administration-button.pull-right {
    position: relative;
}
.administration-button .btn {
    z-index: 4;
}
.administration-button.right {
    top: 0px;
    left: 100%;
    margin-left: 10px;
}

/* Buttons are not displayed in the map by default */
.map .administration-button {
    display: none;
}
.administration-section.active .map .administration-button {
    display: block;
    top: 25px;
    right: 10px;
}
.administration-section.active .map img {
    opacity: 0.2;
}
.administration-section.active .map .pushpin img {
    opacity: 1;
}

/* Administration buttons have to be rearranged when being used in a container module */
.contained-module .administration-button:first-child {
    left: 100% !important;
    margin-left: -65px !important;
}

/* Represents the style for administration buttons in pictures */
ul.thumbnails > li > .administration-button,
.contained-module ul.thumbnails .administration-button:first-child
 {
    top: 50% !important;
    left: 50% !important;
    margin-left: -40px !important;
    margin-top: -15px !important;
}

/* Represents the style for administration buttons in carousel captions */
.carousel-caption .administration-button {
    top: 10px;
    right: 10px;
}

/* Represents the style for administration buttons in the attached file */
.attached-file .administration-button {
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -15px;
}

/* Represents the administration section */
.administration-section.fixed,
.administration-section.active {
}

/* Represents opacity that is used when being administrated */
.administration-hide-on-active.active {
    opacity: 0.2;
}