@font-face{
    font-family: 'FontAwesome';
    src: url('FontAwesome.woff') format('woff');
}

pre {
    margin: 0;
}

.view-type-tabs a {
    margin-bottom: 20px;
}

.view-type-tabs a {
    display: inline-block;
    background-color: #A0A0A0;
    cursor: pointer;
    color: white;
    padding: 10px;
    margin-right: 10px;
    min-width: 100px;
    text-align: center;
    text-decoration: none !important;
}

.view-type-tabs a:hover {
    background-color: #C0C0C0;
}

.view-type-tabs a.active {
    background-color: #0074BD;
}

.view-type.hidden {
    display: none;
}

.view-type td, .view-type th {
    border: 1px solid #D0D0D0;
}

.autoconfig .status {
    width: 40px;
}

.debug {
    font-size: 12px;
    line-height: 1.2;
}

.autoconfig td {
    border:1px solid #E0E0E0;
    vertical-align: top;
}

a.wrench {
    text-align: center;
    display: block;
    text-decoration: none !important;
}

a.wrench:after {
    content: '\f0ad';
    font-family: 'FontAwesome';
    font-size: 20px;
}

.icon:after {
    font-family: 'FontAwesome';
    background-color: #808080;
    color: white;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    font-size: 24px;
}

.icon.info:after {content:'\f129';background-color:#0000C0}
.icon.unchanged:after {content:'\f141'}
.icon.created:after {content:'\f067';background-color:#00A000}
.icon.removed:after {content:'\f00d';background-color:#C00000}
.icon.would_be_removed:after {content:'\f00d';background-color:#FF5000}
.icon.would_be_modified:after {content:'\f040';background-color:#FF5000}
.icon.modified:after {content:'\f040';background-color:#FF8000}
.icon.warning:after {content:'\f12a';background-color:red}
.icon.fatal:after {content:'\f0f9';background-color:red}

.confirm_button {

    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
    background-color: red;
    padding: 10px 40px;
    font-size: 15px;
    color: white;

}