body {
    background: #fff;
    color: #666;
    font-family: 'Work Sans';
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.main-title {
    color: #3f546d;
    display: block;
    font-family: 'Work Sans';
    font-weight: 300;
    font-size: 31px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding-left: 80px;
}

.navbar {
    background-color: #D7D7D7;
    height: 60px;
}

.navbar-nav {
    margin-left: 250px;
    margin-top: 30px;
}

.navbar-inverse {
    border: 0;
}

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

.navbar-brand img {
    height: 40px;
}


#navbar > ul > li > a {
    padding: 10px 15px;
    position: relative;
    color: #3f546d;
    display: block;
    font-family: 'Work Sans';
    font-weight: 900;
    font-size: 15px;
    text-transform: uppercase;
    margin-right: 10px;
    line-height: 21px;
}


#navbar > ul > li > a:hover {
    color: #c9252c;
}


#navbar > ul > li > a {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
}

.panel-body{
    padding: 4px;
}

col-xs-12 col-md-8{
    padding-right: 7px;
    padding-left: 7px;
}

.filter-container
{
    margin-top: 80px;
}


.dataTables_info {
    margin-top: 24px;
    font-size: 12px;
}

.dataTables_length {
    margin: 20px;
    font-size: 12px;
}
/*
    .dataTables_scrollHeadInner {
    display: none;
}

.dataTable {
    margin: 0 !important;
}

div.dataTables_wrapper div.dataTables_processing {
    top: 0;
}


tr {
    border: 0 none;
}

td {
    border: 0 none;
}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 0;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0 none;
}

#TheGrid_filter {
    display: none;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    margin-top: -4px;
}

.dataTables_length label{
    float: right;
}

#TheGrid_info {
    display: none;
}

.dataTables_length {
    width: 49%;
    float: left;
}


.dataTables_paginate {
    width: 49%;
    float: left;
}


.pagination > li {
    display: none;
}
.pagination > li:first-child, .pagination > li:last-child {
    display: inline;
}

.paginate_button {
    display: inline;
}

.pagination > li {
    display: inline;
}

*/
/*Loader*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

#Loader {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('http://sampsonresume.com/labs/pIkfp.gif') 50% 50% no-repeat;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}


.social a {
    padding: 0 .5em;
}


a:focus {
    outline: none;
}



.img-responsive{
    margin-top: 15px;
    margin-bottom: 15px;
}


@media (min-width: 768px) {
    .navbar-brand img {
        height: 70px;
    }

    .panel-body {
        padding: 15px;
    }

    col-xs-12 col-md-8 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .filter-container {
        margin-top: 120px;
    }
    .main-title {
        color: #3f546d;
        display: block;
        font-family: 'Work Sans';
        font-weight: 900;
        font-size: 35px;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        padding-top: 28px;
        padding-left: 125px;
    }

    #keywords {
        width: 245px;
    }
    #city {
        width: 140px;
    }
    #state {
        width: 120px;
    }
    #zip {
        width: 70px;
    }
    #distance {
        width: 120px;
    }
    #country {
        width: 150px;
    }
    #category {
        width: 150px;
    }

    .navbar {
        height: 100px;
    }
}