/*  */

body { padding-top: 50px; }

.modal-backdrop.loading {
    z-index: 1091;
    filter: alpha(opacity=70);
    opacity: .7;
}

.modal-backdrop.loading div {
    font-size: 24px; color: #777; position: absolute; left: 8px; top: 8px;
}

a { cursor: pointer !important; }
.the-error {color: #a94442 !important;}
.success {color: #3c763d !important;}

a.navbar-brand {
    position: relative;
}

a.navbar-brand span {
    font-size: 10px;
    position: absolute; top: 4px; right: 4px;
}

table.table-grid caption { padding: 4px 8px; }
table.table-grid caption i.fa { color: #4F805D; }
table.table-grid th { background: #449d44; color: #fff; cursor: pointer; }
table.table-grid th.st-sort-ascent, table.table-grid th.st-sort-descent { background: #5F906D; color: yellow }
table.table-grid th.st-sort-ascent:after { content: '\25B2'; }
table.table-grid th.st-sort-descent:after { content: '\25BC'; }

table.table-logs { margin-bottom: 0; }
table.table-logs td { font-size:12px; }
table.table-logs td .pagination { margin: 8px 0; }

table.table-logs td .pagination > li > a,
table.table-logs td .pagination > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
table.table-logs td .pagination > li:first-child > a,
table.table-logs td .pagination > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
table.table-logs td .pagination > li:last-child > a,
table.table-logs td .pagination > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


.alert-popup {
    position: fixed; top: 8px; right: 8px; z-index: 1090; min-width: 400px;
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-warning {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-danger {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-primary {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

@media (max-width: 400px) {
    .alert-popup {
        position: fixed; top: 0; left: 0; z-index: 1090; width: 100%; min-width: 200px;
    }

}