/*
 * CAdministration - Site.css
 * Original styles from ASP.NET project + PHP app additions
 */

/* ── Base ───────────────────────────────────────────────── */
html, body {
    min-height: 100% !important;
    height: 100%;
}
#wrap {
    min-height: 100%;
}
@media (min-width: 992px) {
    body { padding-top: 56px; }
}

/* ── Landing page hero sections ─────────────────────────── */
.bg-image-full {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* ── Footer ─────────────────────────────────────────────── */
.footer-distributed {
    background-color: #292c2f;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: bold 16px sans-serif;
    padding: 45px 50px;
    margin-top: 20px;
}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
    display: inline-block;
    vertical-align: top;
}
.footer-distributed .footer-left  { width: 20%; }
.footer-distributed .footer-center { width: 35%; }
.footer-distributed .footer-right  { width: 25%; }
.footer-distributed h3 {
    color: #ffffff;
    font: normal 46px cursive;
    margin: 0;
    word-wrap: break-word;
    hyphens: auto;
}
.footer-distributed h3 span { color: #5383d3; }
.footer-distributed .footer-links {
    color: #ffffff;
    margin: 20px 0 12px;
    padding: 0;
}
.footer-distributed .footer-links a {
    display: inline-block;
    line-height: 1.8;
    text-decoration: none;
    color: inherit;
}
.footer-distributed .footer-company-name {
    color: #8f9296;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
.footer-distributed .footer-center i {
    background-color: #33383b;
    color: #ffffff;
    font-size: 17px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin: 5px 10px;
    vertical-align: middle;
}
.footer-distributed .footer-center i.fa-envelope {
    font-size: 17px;
    line-height: 30px;
}
.footer-distributed .footer-center p {
    display: inline-block;
    color: #ffffff;
    vertical-align: middle;
    font-size: 14px;
    margin: 0;
}
.footer-distributed .footer-center p span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 2;
}
.footer-distributed .footer-center p a { color: #5383d3; text-decoration: none; }
.footer-distributed .footer-company-about {
    line-height: 20px;
    color: #92999f;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}
.footer-distributed .footer-company-about span {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}
@media (max-width: 880px) {
    .footer-distributed { font: bold 12px sans-serif; }
    .footer-distributed .footer-left,
    .footer-distributed .footer-center,
    .footer-distributed .footer-right {
        display: block;
        width: 100%;
        margin-bottom: 40px;
        text-align: left;
    }
    .footer-distributed .footer-center i { margin-left: 0; width: 20px; height: 20px; line-height: 20px; }
    .footer-distributed .footer-center i.fa-envelope { font-size: 14px; line-height: 20px; }
    .footer-distributed .footer-center p { font-size: 12px; }
    #body { margin-top: 60px; }
}

/* ── Modal headers ──────────────────────────────────────── */
.modal-header-success { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color:#5cb85c; }
.modal-header-warning { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color:#f0ad4e; }
.modal-header-danger  { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color:#d9534f; }
.modal-header-info    { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color:#5bc0de; }
.modal-header-primary { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color:#428bca; }

/* ── Toggle ON/OFF switch ───────────────────────────────── */
.onoffswitch { position:relative; width:70px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.onoffswitch-checkbox { display:none; }
.onoffswitch-label { display:block; overflow:hidden; cursor:pointer; border:2px solid #999; border-radius:0; }
.onoffswitch-inner { display:block; width:200%; margin-left:-100%; transition:margin 0.3s ease-in 0s; }
.onoffswitch-inner:before,
.onoffswitch-inner:after { display:block; float:left; width:50%; height:19px; padding:0; line-height:19px; font-size:14px; color:#fff; font-family:Trebuchet,Arial,sans-serif; font-weight:bold; box-sizing:border-box; }
.onoffswitch-inner:before { content:"SI"; padding-left:10px; background-color:#34A7C1; color:#fff; }
.onoffswitch-inner:after  { content:"NO"; padding-right:10px; background-color:#eee; color:#999; text-align:right; }
.onoffswitch-switch { display:block; width:11px; margin:4px; background:#fff; position:absolute; top:0; bottom:0; right:47px; border:2px solid #999; border-radius:0; transition:all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left:0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right:0; }

/* ── App content area ───────────────────────────────────── */
.content-wrapper { padding-top: 20px; min-height: 100px; }