body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.container-loading {
    z-index: 9999999;
    opacity: 0.3;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
}

    .container-loading i {
        position: fixed;
        top: 40%;
        left: 47%;
        color: #FFF;
    }

.loading .container-loading {
    display: block;
}

.field-validation-error {
    display: block;
    background-color: #eef88f;
    color: #ff0000;
    padding: 5px;
}

.tab-content .tab-pane {
    margin: 10px auto;
}

.box-edit-action {
    position: fixed;
    bottom: 0;
    padding: 10px 0;
    background: #C0C0C0;
    text-align: center;
    width: 100%;
    left: 0;
}

form {
    margin-bottom: 50px;
}

.btn {
    min-width: 100px;
}

.date, .number, .digits, .control-date, .control-number {
    max-width: 160px;
}

.number, .control-number {
    text-align: right;
}

.table td, table th {
    word-break: normal;
    word-wrap: break-word;
    vertical-align: top;
}

table th {
    word-break: normal;
}

.table > thead > tr > th {
    vertical-align: top;
}

.field-validation-error {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

/* if you want to hide the arrow */
a.menu:after, .dropdown-toggle:after {
    content: none;
}

.nav-tabs > li > a {
    min-width: 150px;
    border-color: #eee #eee #ddd;
    background-color: #eee;
    text-decoration: none;
}

    .nav-tabs > li > a:focus {
        outline-style: none;
    }

    .nav-tabs > li > a .badge {
        float: right;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-weight: bold;
    color: #000;
}
.nav-tabs > li.active .badge{
    background-color: #000;
}