/**
 * Page footer
 */
/* Set the fixed height of the footer here */
#akeeba-footer {
    background-color: #EFEFEF;
    padding: 0.6em 1em 0;
    margin-top: 0.5em;
    border-top: 1px solid #cdcdcd;
}

#akeeba-footer p {
    margin: 0;
}

#akeeba-footer p:last-child {
    margin-bottom: 0;
}

ol.bigger li {
    font-size: 12pt !important;
    line-height: 220%;
    margin-top: 0.3em;
}

/**
 * Breadcrumbs
 */
ul.breadcrumb {
    padding: 0.5em 1em;
    list-style: none;
    background-color: #EFEFEF;
}

ul.breadcrumb li {
    display: inline;
    font-size: 11pt;
}

ul.breadcrumb li.active {
    font-weight: bold;
    color: #40B5B8;
}

ul.breadcrumb span.divider {
    color: #6b686a;
}

/**
 * Modal dialogs using jsModal. Light version (should fit most, if not all, administrator themes)
 */
#akeeba-modal-overlay {
    background: #000;
    filter: alpha(opacity=60);
    height: 100%;
    left: 0;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    -ms-filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 998;
}

#akeeba-modal-container {
    background: #fff;
    border: 1px solid #ababab;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    height: auto;
    max-height: 90%;
    overflow: auto;
    padding: 10px;
    font-family: arial,sans-serif;
    font-size: 14px;
    position: absolute;
    z-index: 998;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}

#akeeba-modal-header {
    height: 20px;
    overflow: hidden;
    clear: both;
}

#akeeba-modal-close {
    background: #fff url('../image/modal-close.png') no-repeat center center;
    cursor: pointer;
    display: block;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    -ms-filter: alpha(opacity=60);
    opacity: 0.6;
    float: right;
    height: 20px;
    width: 20px;
}
#akeeba-modal-close:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -webkit-opacity: 1.0;
    -ms-filter: alpha(opacity=100);
    opacity: 1.0;
}

#akeeba-modal-content {
    display: block;
    padding: 0 20px 10px 20px;
    z-index: 999;
}

#akeeba-modal-container.modal-loading {
    background: #fff url('../icons/loading.gif') no-repeat center center;
}

/**
 * Simple CSS tooltips
 */

.akeeba-hasTooltip {
    position: relative;
}

.akeeba-hasTooltip .akeeba-tooltip-text {
    visibility: hidden;
    width: 180px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text! */
    position: absolute;
    z-index: 100;
}

.akeeba-hasTooltip:hover .akeeba-tooltip-text {
    visibility: visible;
}

.akeeba-hasTooltip .akeeba-tooltip-text:after {
    content: " ";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}

.akeeba-hasTooltip .akeeba-tooltip-text-left {
    top: -5px;
    right: 105%;
}

.akeeba-hasTooltip .akeeba-tooltip-text-left:after {
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-color: transparent transparent transparent black;
}

.akeeba-hasTooltip .akeeba-tooltip-text-right {
    top: -5px;
    left: 105%;
}

.akeeba-hasTooltip .akeeba-tooltip-text-right:after {
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-color: transparent black transparent transparent;
}

.akeeba-hasTooltip .akeeba-tooltip-text-top {
    width: 180px;
    bottom: 100%;
    left: 50%;
    margin-left: -90px;
}

.akeeba-hasTooltip .akeeba-tooltip-text-top:after {
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-color: black transparent transparent transparent;
}

.akeeba-hasTooltip .akeeba-tooltip-text-bottom {
    width: 180px;
    top: 100%;
    left: 50%;
    margin-left: -90px;
}

.akeeba-hasTooltip .akeeba-tooltip-text-bottom:after {
    bottom: 100%; /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent black transparent;
}

/**
 * Replace Data page
 */
input.input-100 {
    width: 100%;
}

div.keyValueLine {
    margin-bottom: 0.5em;
}

div#blinkenlights {
    margin-top: 0.5em;
}