/*This file contains all the bootstrap overrides used by the DOR template*/

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

.text-muted {
color: #ffffff;
}

.text-primary {
    color: #051a54;
}

a.text-primary:hover {
    color: #020b24;
}

.text-info {
    color: #051a54;
}

a.text-info:hover {
    color: #020b24;
}

.text-warning {
    color: #8a6d3b;
}

.bg-primary {
    background-color: #051a54;
}

.bg-info {
    background-color: #77b9b5;
}

a.bg-info:hover {
    background-color: #56a7a2;
}

a.bg-primary:hover {
    background-color: #020b24;
}

.page-header {
    border-bottom: 1px solid #ffffff;
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
    padding: 15px;
}

.tab-content > .active {
    display: block;
    visibility: visible;
}

@media (min-width: 1200px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}





  .nav-tabs > li > a {
            background-color: #051A54; 
            color:#fff;
            border-color: #777777;
        }

.panel-primary {
    border-color: #00ACA1;
}
.panel-primary > .panel-heading {
        color: #fff;
         background-color: #00ACA1;
    border-color: #00ACA1;
    }

/*http://bootsnipp.com/snippets/408yW*/

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {
    content:"\e113";
    float: right;
    font-family: 'Glyphicons Halflings';
	margin-right :1em;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"\e114";
}


/*.panel-title {
    color: #ffffff;
}

.panel-group > .panel-heading >a {
    color: #000000;
}

.panel-title > a {
    color: inherit;
}



.panel-success > .panel-heading {
        background-color: #00ACA1;
        border-color: #D6E9C6;
        color: #000;
    }

.panel-info {
    border-color: #5fad9b;
}

.panel-info > .panel-heading {
    color: #051a54;
    background-color: #77b9b5;
    border-color: #5fad9b;
}

    .panel-info > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #5fad9b;
    }

    .panel-info > .panel-heading .badge {
        color: #77b9b5;
        background-color: #051a54;
    }

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #5fad9b;
}*/

.pagination > li > span {
  color: #051a54;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #051a54;
  border-color: #04133c;
}

.btn-primary {
    color: #ffffff;
    background-color: #051a54;
    border-color: #04133c;
}
/* Override the btn-primary hovers default to darken, and instead make it lighter on hover */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #13348e;
    border-color: #051a54;
}

.navbar-underline {
    border-bottom: 5px solid #f23f58;
}

.btn-lg {
    margin: 5px; /* -- do we need this?*/
}

.btn {
    min-width: 150px;
    /*margin: 5px; */ /* -- do we need this?*/
}

/* 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;
}

.nav-tabs > li > a {
            background-color: #051A54; 
            color:#fff;
            border-color: #777777;
        }

.nav-tabs > li > a:hover {
                background-color: #f23f58;
            border-color: #ffffff #ffffff #dddddd;
        }

.nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #ffffff;
        background-color: #666;
        cursor: default;
    }

.nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #e6e6e6;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        background-color: #051a54;
    }















.navbar {
    border: 0px;
    min-height: 0px;
}

  /*Navbar-inverse*/
.navbar-inverse {
    background-color: #051a54;
    border-color: #020b24;
}

    .navbar-inverse .navbar-brand {
        color: #ffffff;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #f23f58;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #f23f58;
        background-color: #cdcdcd;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333333;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #031032;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #cdcdcd;
        color: #f23f58;
    }

@media (max-width: 1199px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #020b24;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #020b24;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #f23f58;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #f23f58;
        background-color: #cdcdcd;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #ffffff;
}

    .navbar-inverse .navbar-link:hover {
        color: #f23f58;
    }

.navbar-inverse .btn-link {
    color: #ffffff;
}

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #f23f58;
    }

    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444444;
    }

    /*navbar-fixed-top*/
@media (min-width: 1200px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            visibility: visible !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 1200px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

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

@media (min-width: 1360px) {
    .body-content {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 150px;
        padding-bottom: 150px;
    }
}