p {
    margin: 0 0 18px;
}

input,
select {
    max-width: initial;
}

.dl-horizontal dt {
    white-space: normal;
}

hr {
    border-top: 1px solid #cbcbcb
}

fieldset {
    padding: 12px 27px 5px 27px;
    border-radius: 4px;
    margin-bottom: 10px;
}

fieldset legend {
    margin-bottom: 0;
    font-size: 14px;
}


.text-break-all {
    word-break: break-word;
}

/*************/
/*  SPINNER  */
/*************/

#spinner-center
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9006;
}

/************/
/*  FLASH   */
/************/

.flash {
    background-color: #e6ffc1;
    transition: background 1s ease-in-out;
}

/************/
/*  LAYOUT  */
/************/

@media (min-width: 1042px) {
    .container-fluid {
        width: 95%;
    }
}

.container-fluid {
    width: 97%;
}

/***************/
/* BREADCRUMBS */
/***************/

.breadcrumb {
    margin-bottom: 6px;
}

.breadcrumb > li + li:before {
    margin: 0;
    padding: 0;
    content: none;
}

.breadcrumb>li:after {
    padding-left: 8px;
}

/**********/
/* HEADER */
/**********/

header a,
header a:visited {
    color: #cbcbcb;
    list-style: none;
}

header {
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
}

header a:hover,
header a:focus
{
    color: #fff;
}

header .header-title 
{
    position: relative;
    margin-top: 25px;
    margin-bottom: 10px;
    right: 0;
    text-align: right;
}

header .app-title
{
    clear: right;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

header .header-title ul 
{
    padding: 6px 0 0;
}

header .header-title .meta 
{
    padding: 7px 0 14px;
}

header .header-title .more 
{
    float: right;
    padding: 5px 10px 25px;
}

header .header-title .glyphicon {
    margin-right: 4px;
    color: #ffcc00;
}

header ul 
{
    display: block;
}

header ul li 
{
    display: inline;
    line-height: 1.2;
}

header ul li a,
header ul li span 
{
    display: inline-block;
    padding: 0 8px;
    border-right: 1px solid #cbcbcb;
    color: #cbcbcb;
}

header ul li.first a,
header ul li.first span 
{
    padding-left: 0;
}

header ul li.last a,
header ul li.last span 
{
    padding-right: 0;
    border: 0;
}

.title h1 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.title h2 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #979797;
    margin-top: 8px;
    padding-top: 0;
}

.title .hr {
    border-bottom: 2px solid #77b800;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(119, 184, 0);
    padding-bottom: 0;
    padding-top: 12px;
}

main {
    border: none;
}

main ul {
    padding-left: 20px;
}

/*********/
/* FORMS */
/*********/

#content>div, 
#related>div {
    padding-top: 16px;
}

.navbar-toggle .icon-bar {
    background: #fff;
}

.radio, .checkbox {
    margin-top: 0;
}

/* Use to create padding between vertically stacked input controls */
.form-control-stacked {
    margin-top: 4px;
}

.form-control-static {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 30px;    
}

.form-control {
    padding: 2px 8px;
    height: 30px;
}

thead th.required:after,
.form-group.required .control-label:after,
.control-label.required:after {
    content: "*";
    color: red;
    margin-left: 4px;
    font-weight: bold;
}

label[disabled] {
  pointer-events: none;
}

textarea.form-control {
    height: 125px;
}

.form-group {
    margin-bottom: 6px;
}

input[type=checkbox] {
    margin-top: 4px;
    height: 14px;
}

legend input[type=checkbox] {
    vertical-align: text-bottom;
    margin-right: 8px;
}

.input-width-sm {
    max-width: 50px;
}

.input-width-md {
    max-width: 150px;
}

/* unstyled input group. use for placing icons etc beside form control */
.input-group.input-group-unstyled input.form-control,
.input-group.input-group-unstyled select.form-control {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

/* unstyled input group. use for placing icons etc beside form control */
.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

.input-group.date {
    width: 147px;
}

.input-group.datetime {
    width: 200px;
}

.input-group.datetime .input-group-addon {
    cursor: pointer;
}

.input-group-btn .btn {
    height: 30px;
    padding: 4px 12px;
}

.form-horizontal input[type=checkbox] {
    margin-top: 10px;
}

.checkbox label {
    font-weight: 700;
    margin-top: 5px;
}

.btn {
    background-color: ButtonFace;
    color: #000;
}

.btn:hover  {
    background: #b9b9b9;
}

.btn-primary {
    color: #fff;
    background: #0080a4;
    border-color: #0080a4;
}

.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:hover, 
.open > .dropdown-toggle.btn-primary:focus, 
.open > .dropdown-toggle.btn-primary.focus
.open > .dropdown-toggle.btn-primary {
    background: #057797;
    border-color: #057797;
}

.btn-primary:active:hover, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.btn-primary:active, 
.btn-primary.active {
    background: #075267;
    border-color: #075267;
}

.btn .glyphicon,
.btn .fa {
    margin-right: 6px;
}

a.btn {
    text-decoration: none;
}

a.btn-primary {
    color: #fff;
}

.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
    outline: none;
}

.btn-radio .btn:before
{
    font-family:'Glyphicons Halflings';
    content: "\e157";
    vertical-align: bottom;
    padding-right: 2px;
}

.btn-radio .btn.active:before
{
    font-family:'Glyphicons Halflings';
    content: "\e067";
    vertical-align: bottom;
    padding-right: 2px;
}

.btn-group.btn-radio > .btn:not(:first-child) {
    margin-left: 1px;
}

.well {
    border-radius: 4px;
    padding: 14px;
    border: 1px solid #cbcbcb;
    margin-bottom: 16px;
}

.well-contact {
    position: relative;
    padding-left: 50px;
}

.well-contact:before {
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 24px;
    float: left;
    content: "\f095";
    top: 13px;
    left: 15px;
    margin-right: 12px;
    line-height: 1em;
}

.contactInfo {
    background-color: #ffffff !important;
}

.action-panel .btn,
.button-group .btn {
    margin-right: 8px;
    margin-bottom: 4px;
}

.action-panel .fa-question-circle,
.button-group .fa-question-circle {
    margin-right: 8px;
    margin-left: -6px;
}

.action-panel button:last-child,
.button-group button:last-child {
    margin-right: 0;
}

.modal-header .fa,
.modal-header .glyphicon {
    margin-right: 6px;
}

.modal-footer button,
.modal-footer .btn,
.modal-footer .btn + .btn {
    margin-right: 0;
    margin-left: 8px;
}

.panel-default {
    border-color: #576771;
}

.panel {
    border-radius: 4px;
    margin-bottom: 16px;
}

.panel-default > .panel-heading {    
    color: #fff;
    background-color: #576771;
    border: none;
}

.panel-body {
    padding-bottom: 8px;
}

.panel-title .glyphicon {
    float: right;
}

.panel-heading {
    padding: 8px 13px;
    border: none;
}

.panel-heading span:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: #fff;
    cursor: pointer;
}

.panel-heading.collapsed span:after {
    content:"\e080";
}

.pre-scrollable {
    overflow-y: auto;
}

.pre-scrollable-small {
    max-height: 100px;
}

.margin-after {
    margin-bottom: 10px;
}

.margin-before {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .form-inline .form-control {
        width: 100%;
    }

    .form-horizontal .control-label {
        min-height: 30px; /* keep all labels same height as text box/dropdown */
        padding-top: 5px;
    }
}

/* Fix cases where we have embedded a tooltip icon inside a label */
/* This prevents the tooltip from being forced down to the label width */
.tooltip .tooltip-inner {
  min-width: 200px;
}

/************/
/* TOP NAV  */
/************/

.navbar-static-top {
    border: none;
}

.navbar {
    margin-bottom: 0;
    background-color: #576771;
    color: #fff;
    font-size: 16px;
}

.navbar a {
    color: #fff;
}

.nav > li > a:hover, 
.nav > li > a:focus {
    background-color: #36424a;
}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
    background-color: #36424a;
    border-color: #36424a;
}

.nav-pills {
    margin-bottom: 12px;
}

.well .nav-pills {
    margin-bottom: 0;
}

.nav-pills .glyphicon {
    margin-right: 6px;
}

.nav-tabs li.active a {
    text-decoration: none;
    color: #000;
}

@media (max-width: 767px)
{
    .nav .dropdown-menu > li > a { 
        color: #fff;
    }
}

/****************/
/* BUTTON ICONS */
/****************/

.btn-icon-refresh:before {
    font-family: 'FontAwesome';
    content: "\f021";
    padding-right: 8px;
}

.btn-icon-play:before {
    font-family: 'FontAwesome';
    content: "\f04b";
    padding-right: 8px;
}

.btn-icon-undo:before {
    font-family: 'FontAwesome';
    content: "\f0e2";
    padding-right: 8px;
}

.btn-icon-add:before {
    font-family: 'FontAwesome';
    content: "\f067";
    padding-right: 8px;
}

.btn-icon-search:before {
    font-family: 'FontAwesome';
    content: "\f002";
    padding-right: 8px;
}

.btn-icon-save:before {
    font-family: 'Glyphicons Halflings';
    content: "\e172";
    padding-right: 8px;
    vertical-align: bottom;
}

.btn-icon-arrow-left:before {
    font-family: 'FontAwesome';
    content: "\f060";
    padding-right: 8px;
}

.btn-icon-times:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    padding-right: 8px;
}

.btn-icon-edit:before {
    font-family: 'Glyphicons Halflings';
    content: "\e065";
    padding-right: 8px;
}

.btn-icon-print:before {
    font-family: 'Glyphicons Halflings';
    content: "\e045";
    padding-right: 8px;
}

/****************/
/* BUTTON LINKS */
/****************/

.search-link {
    display: inline-block;
    margin-left: 8px;
}

a.search-link .fa {    
    margin-right: 5px;
    color: #36424a;
}

/************/
/* NAV SIDE */
/************/

.nav-pills .active a
{
    color: #fff;
    text-decoration: none;
    background-color: #36424a;
}

aside
{
    margin-bottom: 16px;
}

/**************/
/* VALIDATION */
/**************/

.alert-success {
    position: relative;
    border-color: #77b800;
    border: 1px solid #77b800;
    background-color: #e4f5c7;
    margin-bottom: 16px;
}

.alert-success .fa-check-circle {
    font-size: 24px;
    color: #4f7a02;
    margin-right: 12px;
    vertical-align: sub;
}

.alert .close-alert {
    float: right;
    cursor: pointer;
}

.alert-warning {
    position: relative;
    border: 1px solid #c25527;
    background-color: #ffffcf;
    margin-bottom: 16px;
    padding-left: 50px;
}

.alert-warning:before {
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 24px;
    float: left;
    color: #c25527;
    content: "\f071";
    top: 15px;
    left: 15px;
    margin-right: 12px;
    line-height: 1em;
}

.alert-info {
    position: relative;
    border: 1px solid #31708f;
    background-color: #d9edf7;
    margin-bottom: 16px;
    padding-left: 50px;
}

.alert-info:before {
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 24px;
    float: left;
    color: #31708f;
    content: "\f05a";
    top: 13px;
    left: 15px;
    margin-right: 12px;
    line-height: 1em;
}

.validation-summary-valid 
{
    display: none;
}

.validation-summary-errors {
    color: #a94442;
    background-color: #f2dede;
    padding: 15px;
    margin-bottom: 16px;
    border: 1px solid #cea3a2;
    border-radius: 4px;
    padding-left: 50px;
    position: relative;
}

.validation-summary-errors:before {
    font-family: 'FontAwesome';
    float: left;
    color: #c25527;
    content: "\f057";
    top: 15px;
    left: 15px;
    right: 10px;
    font-size: 24px;
    position: absolute;
    line-height: 1em;
}

.validation-summary-errors span:before {
    font-family: 'Glyphicons Halflings';    
    content: "\e114";
    color: #cea3a2;
    float: right;
    cursor: pointer;
}

.validation-summary-errors.closed span:before {
    content: "\e080";
}

.validation-summary-errors span {
    font-weight: bold;
    display: block;
}

.validation-summary-errors ul {
    margin: 6px 0 0 0;
}

/* always display validation message under the control, never beside */
.field-validation-error {
    display: block;
}

.field-validation-error:before {
    font-family: 'FontAwesome';
    color: #c25527;
    content: "\f057";
    margin-right: 3px;
}

label.error,
.has-error, 
.has-error .control-label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
}

.has-error .input-group-btn,
.has-error .input-group-btn button {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.form-control-feedback {
    pointer-events: all;
}

span.info {
    background-color: #d9edf7;
    border-radius: 4px;
    padding: 3px 5px 3px 5px;
}

/*********/
/* ICONS */
/*********/

.fa-plus-circle,
.fa-check-circle,
.fa-user-plus {
    color: green;
}

.fa-minus-circle,
.fa-exclamation-circle,
.fa-times-circle
 {
    color: #a94442;
}

.fa-exclamation-triangle {
    color: #ffaa09;
}

/*************************/
/* BOOTSTRAP MULTISELECT */
/*************************/

.btn.multiselect {
    
    display: block;
    width: 100%;
    height: 30px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn.multiselect .caret {
    margin-left: 8px;
}

/* extension to multiselect for validation highlighting */
.has-error button.multiselect {
    border-color: #a94442;
}

.multiselect-container a {
    text-decoration: none;
}

/*********/
/* TABLE */
/*********/

.table {
    margin-bottom: 15px;
}

.table tfoot {
    font-weight: bold;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 6px;
}

.table-bordered {
    border-radius: 1px;

}

.table > thead > tr,
.table > thead > tr > th,
table > thead > tr,
table > thead > tr > th
{
    border-bottom: none;
}

.table > thead
{
    border-bottom: 2px solid #ddd;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f7f7f7;
}

.table-search-results tbody tr:hover,
.table-search-results tbody td:hover,
.table-search-results > tbody > tr:nth-of-type(odd):hover {
    background-color: #75a0ac;
    color: #fff;
    cursor: pointer;
}

.table-search-results tbody tr:hover a,
.table-search-results tbody td:hover a,
.table-search-results > tbody > tr:nth-of-type(odd):hover a {
    color: #fff;
}

.table-search-results tbody a {
    color: #333;
    text-decoration: none;
}

.table-multi-action tbody tr:hover,
.table-multi-action tbody td:hover,
.table-multi-action > tbody > tr:nth-of-type(odd):hover {
    background-color: #d9d9d9;
    color: #000;
}

.table-multi-action tbody a {
    color: #576771;
    text-decoration: none;
}

.table-multi-action tbody a:hover {
    color: #0080a4;
    text-decoration: none;
}

/* remove margin from form-group when embedded in a table row */
/* we use bootstrap form groups in tables to link validators with their related controls */
.table .form-group {
    margin-bottom: 0;
}

/* use to make a particular column fit to its contents */
/* useful when you set a fixed size on the field in a column */
.table td.fit, 
.table th.fit {
    width: 1%
}

/* use to make a button column fit to its contents and not wrap */
.table td.button, 
.table th.button {
    width: 1%;
    white-space: nowrap;    
}

.table .nowrap {
    white-space: nowrap;
}

.table a.header-link {
    font-weight: normal !important;
}

.table tbody a .fa,
.table tbody a .glyphicon,
.table tbody i.fa,
.table tbody i.glyphicon,
.form-control-static .fa,
.form-control-static .glyphicon {
    margin-right: 6px;
}

/**********************************/
/* BOOTSTRAP DATEPICKER OVERRIDES */
/**********************************/

.datepicker-months,
.datepicker-years,
.datepicker-decades {
    white-space: normal;
}  
/**************/
/* PAGINATION */
/**************/

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background-color: #0080a4;
    border-color: #0080a4;
}

.pagination > li > a, 
.pagination > li > span {
    color: #0080a4;
}

/****************/
/* ACTION PANEL */
/****************/

.action-panel-buttons {
    margin-bottom: 12px;
}

/**************/
/* DATATABLES */
/**************/

div.dataTables_wrapper div.dataTables_filter input 
{
    width: 250px;
}

/**********/
/* FOOTER */
/**********/

footer {
    font-size: 16px;
}


/**********************************/
/* BOOTSTRAP DATEPICKER OVERRIDES */
/**********************************/

.datepicker-months,
.datepicker-years,
.datepicker-decades {
    white-space: normal;
}

/* prevent flash of unstyled content (FOUC) */
/* place this on elements that are dynamically hidden/shown by javascript to prevent unstyled content from appearing */
.fouc {
    display: none;
}

#dispositionTabContent{
    padding-top: 20px;
}

#dispositionTab > li.active > a {
    /*background-color: #ddd !important;*/
    border: 1px solid;
    border-top-color:  #77b800;
    border-left-color:#77b800;
    border-right-color:#77b800;
    border-bottom-style: none !important;
    border-bottom-color: none !important;
}

#dispositionTab  {
    border-bottom: 1px solid #77b800 !important;
}

#dispositionTab a {
    text-decoration:none !important;
}

#dispositionTab > li > a:hover {
    background-color: #0080a4 !important;
    color: #fff !important;
}

#dispositionTab > li > nav-link:active {
    font-weight:bold;
}



body {
    padding-bottom: 20px;
}

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

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

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

td, th {
    padding: 5px;
}

.container {
    padding-top: 5em;
}

.title-text {
    font-size: 3em;
    font-weight: bold;
    color: #fff;
}