﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
    background: url(images/background.png) repeat-x;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    background-color: white;
    border: 1px solid #d7e0ea;
    border-top: 4px solid #336699;
    background: #fff;
    min-height: 400px;
}

.tab-content {
    margin-top: 20px;
    position:relative;
    top:3px;
}

.tab-content .nav-tabs {
    border-bottom:none;
}

.tab-content .nav-tabs > li.inactive > a {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-bottom: none;
}

div.pagebuttons{
    margin-top:20px;
}

/* 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,
div.input-group,
.quiz textarea {
    max-width: 280px;
}

.dbia-utility.navbar.navbar-inverse {
    background: url(images/utility-gradient.png) repeat-x bottom #000;
    color: #ffbf00;
    height: 32px;
    padding-top: 5px;
    font-size: .91666666666667em;
    min-height:40px;
}

.dbia-utility.navbar.navbar-inverse .navbar-nav > li a {
    color: #ffbf00;
    padding: 5px;
    margin: 0 5px;
    text-transform: uppercase;
}
.dbia-utility.navbar.navbar-inverse .navbar-nav > li a:hover {
    background-color: #ffbf00;
    color: #282828;
    text-decoration: none;
}
h1.dbia-site-title.dbia-logo {
    margin-top: 10px;
    margin-bottom: 0;
}
.dbia-logo a {
    background: url(images/logo.png) no-repeat;
    height: 100px;
    text-indent: 9999px;
    overflow: hidden;
    display: block;
}

.dbia-utility .navbar-toggle {
    margin-top:0;
    margin-bottom:0;
}

.dbia-utility div.navbar-collapse.in,
.dbia-utility div.navbar-collapse.collapsing {
    background-color: white;
}



/* ----------------------------------------------FOOTER */
.dbia-footer-container {
    padding: 30px 0 25px 0;
}

.dbia-footer {
    color: #6a88a5;
    font-size: .9166666666667em;
}

.footer-right {
    text-align: right;
}

.dbia-footer-social {
    margin-bottom: 20px;
    display:inline-block;
}

.dbia-footer-social a {
    float: right;
    width: 48px;
    height: 48px;
    display: block;
    text-indent: 9999px;
    overflow: hidden;
    margin-left: 1em;
}

.dbia-facebook {
    background: url(images/dbia-sprite.png) no-repeat 0 -700px;
}

.dbia-youtube {
    background: url(images/dbia-sprite.png) no-repeat 0 -500px;
}

.dbia-twitter {
    background: url(images/dbia-sprite.png) no-repeat 0 -600px;
}

.dbia-linkedin {
    background: url(images/dbia-sprite.png) no-repeat 0 -400px;
}

.dbia-footer-copy, .dbia-footer-address, .dbia-footer-contact {
    margin-bottom: 10px;
    clear:both;
}

.footer-utility-div {
    margin: 0 5px;
}


.griddly table thead th {
    background-image: linear-gradient(#f4e8d3, #e3dabb);
}

.griddly-footer {
    min-height: 33px;
    text-align: center;
    border: 1px solid #dadada;
    border-top: none;
    background-color: #e7e7e7;
    padding: 5px;
}
.griddly-summary {
    float: left;
    margin-top: 3px;
    line-height: 22px;
}

.griddly {
    border: none!important;
}

.griddly-pager input {
    width: 45px;
    padding: 2px 3px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #aaa;
    color: #555555;
    text-align: center;
}

.griddly-pager a.prev, .griddly-pager a.next {
    margin-right: 9px;
    margin-left: 9px;
}

.buttons, .griddly-buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 34px;
}

.griddly-pagesize {
    float: right;
}

.griddly th.sorted_d span.icon, .griddly th.sorted_a span.icon {
    margin-left: 5px;
}

span.griddly-pagesize select.pageSize {
    width: 110px;
    padding: 2px 3px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #aaa;
    color: #555555;
}

.griddly .griddly-filters-inline {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *
  zoom: 1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.griddly .griddly-filters-inline select,
.griddly .griddly-filters-inline input[type="text"] {
    width: 100% !important;
}

.griddly .griddly-filters-inline input[type="text"] {
    min-height: 30px;
    margin-bottom: 0;
}

.griddly .griddly-filters-inline td {
    padding: 4px 3px;
    border: none;
    overflow: hidden;
}

.griddly .griddly-filters-inline td .griddly-filter-popover {
    position: fixed;
}

.griddly .griddly-filters-inline select {
    display: none;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 280px;
}

.griddly thead tr.header td {
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    color: white;
    height: 25px;
    background: #627eba;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#627eba', EndColorStr='#485d7c')";
    background-image: linear-gradient(#627eba, #485d7c);
    border-top: solid 1px #627eba;
    border-right: solid 1px #627eba;
    border-left: solid 1px #627eba;
    border-bottom: solid 1px #485d7c;
}

.editly-editable {
    background-color: #b4ffd0;
}

.page-title h2, .page-title h4 {
    display:inline-block;
}
.page-title h4 {
    color: #327aba;
    margin-left: 10px;
}

/*.page-title.project-title {
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(images/projectbanner.jpg);
    background-size: cover;
    min-height: 195px;
    border-bottom: 4px solid #336699;
    margin-bottom: 15px;
}
.page-title.project-title h2 {
    margin-top: 70px;
    font-size: 50px;
}
.page-title.project-title h4 {
    display:block;
    font-size:25px;
    margin-left:0;
    margin-top:0;
}
hr.project-title {
    border-top: solid 4px #336699;
    margin-left: -15px;
    margin-right: -15px;
}*/

.validation-summary-errors {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.input-validation-error {
    border-color: red;
}

ul.upload-list {
    list-style:none;
    display:inline-block;
    padding-left:0;
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 280px;
}

.stretch-filter .bootstrap-select.form-control:not([class*=col-]) {
    width: 100%;
}

.upload-filename {
    width: 280px;
    max-width: 280px;
    display: inline-flex;
    color: #337ab7;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}

.quiz .form-control[disabled], .quiz .form-control[readonly], .quiz fieldset[disabled] .form-control {
    background:none;
    cursor:default;
}
select[multiple] {
    height: 34px; /*Keeps it from jumping around when turning to a select filter*/
}

.quiz-file-upload img {
    display:block;
}

.griddly table tbody tr td {
    white-space: normal!important;
}