.panel-default {
    color: black;
    border-color: #D0D0D0;
}

    .panel-default > .panel-heading {
        background-color: #05182B;
        text-transform: uppercase;
    }

.panel .panel-title {
    color: white;
}

.panel-body {
    padding: 12px;
}

/*  
    Original Bootstrap's CSS depends on empty href attributes to style cursors for several components (pagination, tabs etc.). But in AngularJS adding empty href attributes to link tags will
    cause unwanted route changes. This is why we need to remove empty href attributes from directive templates and as a result styling is not applied correctly. The following styling fixes it:
 */
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.modal-header {
    padding: 5px 15px;
}

    .modal-header .close {
        margin-top: 5px;
    }

.modal-footer {
    padding: 10px 15px;
}

.form-horizontal .has-feedback .form-control-feedback {
    /*right: -12px; Uncomment for moving the exclamation out of the input field*/
    line-height: 30px; /*Centers the explamation in the middle of the field*/
}

.has-feedback .fa-exclamation-circle {
    font-size: 14px;
    top: 0;
    right: 45px; /*Note: Used only for datepickers fields. Remove if needed for other elements.*/
}

.table > tbody > tr > th {
    vertical-align: middle;
}

legend {
    width: auto;
    margin-bottom: 5px;
    border: 0;
}

.nav-tabs > li > a:hover {
    border-bottom-width: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: white;
    background-color: #338CBB;
    border: 1px solid #2e7da7;
    border-bottom-color: transparent;
}

.nav-tabs > li > a .fa {
    font-size: 15px;
}

.nav-tabs > li.active > a .fa {
    color: white;
    cursor: pointer;
}

.alert {
    padding: 6px 35px 6px 15px;
    margin-bottom: 10px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    top: 0;
}

.help-block {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 12px;
}

.form-group.has-error, .form-condensed .form-group.has-error {
    margin-bottom: 8px;
}