﻿body {
    padding-top: 50px; /* 60px to make the container go all the way to the bottom of the topbar */
    /* font-family: Georgia, serif; */
}

.dashboard .panel-heading {
    color: #262626;
    padding:5px 15px;
}

.dashboard .panel-heading:hover {
    background-color: #e3e3e3;
}

.dashboard .panel-heading-highlight {
    background-color: #e3e3e3;
}

.dashboard a:hover {
    text-decoration: none;
    color: #9efe21;
}

.ui-grid-top-panel {
    background: #e3e3e3 !important;
}

.ui-grid-header-cell .ui-grid-cell-contents {
     height: 48px;
     white-space: normal;
     -ms-text-overflow: clip;
     -o-text-overflow: clip;
     text-overflow: clip;
     overflow: visible;
}

.footer {
    padding-bottom: 40px;
    margin-top: 100px;
    color: #b2b5b9;
    background: #f4f4f4;
    border-top: 1px solid #d1d1d1;
}

    .footer h3 {
        color: #888d92 !important;
    }

.dropdown-toggle {
    cursor: pointer;
}

.copyright {
    padding-bottom: 10px;
    padding-top: 5px;
    color: #fff;
    background: #666;
    border-top: 1px solid #d1d1d1;
    text-align: center;
}

.search input {
    margin-top: 23px !important;
}

.banner {
    background: url(/img/bannerBG.jpg) repeat-x;

    z-index: 1;
    position: relative;
    width: 100%;
}

nav {
    height: 75px;
}

.navbar-nav .input-group {
    line-height: 50px;
}

.searchBar {
    margin-top: 20px;
    margin-bottom: 12px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #222 !important;
color: #8dc43f !important;
}

/*.navbar-inverse {
    background-color: #7a36fc !important;
}*/

.navbar-inverse .navbar-nav > li > a {
    color: #e3e3e3;
}
.navbar-nav > li > .dropdown-menu > li {
    border-bottom: solid #eee 2px;
}
.navbar-nav > li > .dropdown-menu > li:last-child {
    border-bottom: none;
}
.navbar-nav > li > .dropdown-menu {
    border-bottom: solid;
}

.navbar-nav
{
    padding-top: 15px !important;
}
.navbar-header{
    height:75px;
}

.navbar-brand {		
    float: left;		
    padding: 10px;		
    margin-left: 0px !important;		
}		
.navbar-toggle {		
    margin-top: 18px;		
    margin-bottom: 8px;		
    background-color: transparent;		
    background-image: none;		
    border: 1px solid #999 !important;		
    border-radius: 4px;		
}

.navbar-nav > li > a {
    font-size: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 8px !important;
}

​ h3 {
    color: #888d92 !important;
}

.dataform label {
    width: 50%;
}

.dataform .form-control {
    width: 50%;
    display: inline-block;
}

.fullwidth {
    width: 100% !important;
}

.table {
    background: #fff;
}

.dashboard .panel-title {
    font-size: 23px !important;
    font-weight: 700 !important;
}
.dashboard .panel-title-nobold {
    font-size: 23px !important;
}

.dashboard tr {
    cursor: pointer;
}

    .dashboard tr:hover {
        background: #0459b7;
        color: white;
    }

    .dashboard tr:nth-child(2n+1) {
        background: #fafafa;
    }

        .dashboard tr:nth-child(2n+1):hover {
            background: #0459b7;
        }

.panel > .table > tbody > tr td {
    border-top: 0;
    border-left: solid #eee 2px;
}

.padded td {
    padding-top: 10px;
}

.btn-default {
    border-color:#fff;
}

button[disabled] {
    cursor: not-allowed;
    opacity: .3 !important;
}

#tbl_dgrid > tbody > tr > td > a {
    padding: 0px 4px !important;
}

.table input {
    height: 22px;
    margin-top: -4px;
    margin-right: -36px;
    width: 80px;
}

.deleteicon {
    color: darkred;
}

.alert-inline {
    padding: 2px;
    margin: 0px;
}

.transparent {
    background-color: transparent;
    border-color: transparent;
}

.pagebox {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 15px;
    -moz-box-shadow: #666 0px 2px 15px;
    box-shadow: #666 0px 2px 15px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff),to(#ccc));
    background: -webkit-linear-gradient(#fff, #ccc);
    background: -moz-linear-gradient(#fff, #ccc);
    background: -ms-linear-gradient(#fff, #ccc);
    background: -o-linear-gradient(#fff, #ccc);
    background: linear-gradient(#fff, #ccc);
    -pie-background: linear-gradient(#fff, #ccc);
    behavior: url(/pie/PIE.htc);
    padding: 12px;
}

.pagebox hr {
    border-color: #f2883b;
    margin-top: -4px;
}

.ui-grid-grid-footer {
    background-color: #e3e3e3;
    border-top: 1px solid #d4d4d4;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: bold;
}
.file-dropzone{
    font-size: 1.25rem; / 20 /
    background-color: #337ab7;
    position: relative;
    margin-left: 20px;
    padding: 80px 20px;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    background: -moz-linear-gradient(top,#000,#444 45%, #777 45%, #555);
}

/ * PAGE ADDITIONS */

.page-content {
    font-size: 15px;
    line-height: 22px;
}
.page-content ul li {
    line-height: 28px;
}
.page-content p span.glyphicon {
    padding-right: 6px;
    color: #4294d2;
}
.page-content p span.glyphicon.glyphicon-check {
    color: #2078b8;
}
.page-content blockquote {
    border-left: 0;
}
.page-content .blue-head {
    color: #4294d2;
}
.page-content table {
    width: 100%;
}
.page-content table th, .page-content table td {
    padding: 6px;
}
.grad-head {
    padding: 8px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: 22px;
    background: rgba(32,116,181,1);
    background: -moz-linear-gradient(top, rgba(32,116,181,1) 0%, rgba(37,139,207,1) 41%, rgba(40,162,233,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,116,181,1)), color-stop(41%, rgba(37,139,207,1)), color-stop(100%, rgba(40,162,233,1)));
    background: -webkit-linear-gradient(top, rgba(32,116,181,1) 0%, rgba(37,139,207,1) 41%, rgba(40,162,233,1) 100%);
    background: -o-linear-gradient(top, rgba(32,116,181,1) 0%, rgba(37,139,207,1) 41%, rgba(40,162,233,1) 100%);
    background: -ms-linear-gradient(top, rgba(32,116,181,1) 0%, rgba(37,139,207,1) 41%, rgba(40,162,233,1) 100%);
    background: linear-gradient(to bottom, rgba(32,116,181,1) 0%, rgba(37,139,207,1) 41%, rgba(40,162,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2074b5', endColorstr='#28a2e9', GradientType=0 );
}

a,
.navbar li ul li,
.nav-collapse > li
{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:focus {
  outline: 0;
}

/* team page */

.row.profile {
    margin-left: 0px;
    margin-right: 0px;
}
.shadowbox {
    display: table;
    padding: 10px;
    margin-bottom: 30px;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
}
.headshot {
    border-radius: 6px;
    margin-top: 17px;
}
.bio-name {
    font-size: 19px;
    text-transform: uppercase;
}
.bio-title {
    color: #4294d2;
}

/* google maps */

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    border-radius: 6px;
}


/* custom media queries */

@media (max-width: 599px) {
    .page-content img.pull-left, .page-content img.pull-right {
        float: none !important;
        margin: 0 0 20px 0 !important;
    }
    .grad-head {
        font-size: 18px;
    }
    .banner-mobile {
        display: block;
    }
    .banner-desktop {
        display: none;
    }    
    .banner {
        background: none;
    }
    .shadowbox {
        padding: 0 0 16px 0;
        margin-bottom: 20px;
        border-top: 0;
        border-left: 0;
        box-shadow: none;
        border-bottom: 1px solid #e2e2e2;
    }
    .col-md-10.col-md-offset-1.page-content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 600px) {
    .banner-mobile {
        display: none;
    }
    .banner-desktop {
        display: block;
    }    
}