/* Tablet - Landscape */

@media only screen and (max-width:1140px){

    /* Sidebar
    ------------------------------------------------------------------------------ */
    
    .sidebar {
    width:60px;
    }

    .sidebar .top h1{
    font-size:0;
    }
    
    .sidebar .top h1 i{
    display:block;
    font-size:25px;
    position:absolute;
    top:13px;
    left:0;
    width:100%;
    line-height:40px;
    }

    .sidebar ul li{
    width:60px;
    height:70px;
    padding:0;
    font-size:0;
    }

    .main {
    margin-left:60px;
    width:calc(100% - 60px);
    }

    .navbar-fixed-top {
    width:calc(100% - 60px);
    left:60px;
    }

    .pop-out-bar{
    left:60px;
    }

    .list-menu-open .navbar{
    left:340px;
    }

    #loading-bar .bar{
    left:60px;
    }

    .list-menu-open #loading-bar .bar{
    margin-left:280px;
    }
    
    /* Nav Bar
    ------------------------------------------------------------------------------ */
    
    .navbar-nav>li{
    margin-left:6px;
    }

    .navbar-nav>li>a {
    font-size:0px;
    padding:0 0 0 7px;
    height:50px;
    line-height:50px;
    width:50px;
    text-align:center;
    }

    .navbar-nav>li>a .glyphicon{
    font-size:15px;
    margin:0;
    }

    .navbar-nav>li>a .glyphicon:before{
    line-height:50px;
    }

    .navbar-dropdown .btn{
    font-size:14px;
    }
    
    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media{
        .nav.navbar-right li a .navbar-sprite-icon{
        margin-top:6px;
        }
    }}

    
    /* Tables 
    ------------------------------------------------------------------------------ */
    
    .sticky-table-header{
    left:60px;
    }
    
    .table tr.divider-asset td{
    background:#F9F9FA!important;
    }

    .table tr.divider-asset td br{
    display:none;
    }

    .table tr.divider-asset td span{
    display:inline-block;
    font-size:14px;
    margin-top:0;
    margin-left:16px;
    }

    .table tr.divider-asset td span:before{
    content:'( ';
    }

    .table tr.divider-asset td span:after{
    content:' )';
    }
    
    .table .master-action-button{
    width:calc(100% - 24px);
    }
    
    .table .master-action-button:before{
    display:none;
    }
    
    .-ms- .master-action-button, .-ms- .table .master-action-button, .-ms- .admin-selection-col .action-button, .-ms- .admin-home-col .action-button{
    line-height:36px;
    }
    
    /* Site Details and Graph
    ------------------------------------------------------------------------------ */
    
    .site-details-col, .client-details-col{
    width:100%;
    }

    .site-details-col .table-jumbotron, .client-details-col .table-jumbotron{
    padding-top:10px;
    padding-bottom:18px;
    }

    .site-details-col table, .site-details-col table tbody, .site-details-col table tbody tr, .client-details-col table, .client-details-col table tbody, .client-details-col table tbody tr{
    display:block;
    width:100%;
    }

    .site-details-col table tr td, .client-details-col table tr td{
    border:none;
    padding:0px 0px 6px 0px;
    display:block;
    width:auto;
    max-width:none;
    float:left;
    margin-right:20px;
    }

    .site-details-col table tr td strong, .client-details-col table tr td strong{
    margin-right:8px;
    }

    .site-details-col table tr td strong:after, .client-details-col table tr td strong:after{
    content:':';
    }

    .site-details-col table tr td .form-field:after, .client-details-col table tr td .form-field:after{
    content:',';
    float:right;
    }

    .site-details-col-wide table tr:last-child td .form-field:after, .client-details-col-wide table tr:last-child td .form-field:after{
    display:none;
    }
    
    .client-details-col .jumbotron{
    margin-bottom:10px;
    }

    .client-details-col .jumbotron:last-child{
    margin-bottom:30px;
    }

    .site-graph-col, .overview-col{
    width:100%;
    }
    
    /* Admin
    ------------------------------------------------------------------------------ */
    
    .admin-home-col h2{
    font-size:20px;
    }

    .admin-home-col h3{
    font-size:15px;
    }
    
    .admin-selection-col{
    width:40%;
    }

    .admin-detail-col{
    width:56%;
    }

    .admin-selection-col ul.admin-list{
    height:200px;
    }

    .admin-selection-col .fixed-height-jumbotron-wrapper{
    height:308px;
    }

}


/* Tablet - Portrait */

@media only screen and (max-width:800px){

    /* General
    ------------------------------------------------------------------------------ */
    
    .wrapper{
    padding-right:20px;
    padding-left:20px;
    }
    
    .col-50{
    width:100%;
    }
    
    /* Home
    ------------------------------------------------------------------------------ */
    
    .home-jumbotron{
    position:relative;
    padding-top:20px;
    padding-bottom:20px;
    }

    .home-jumbotron .logo{
    width:80px;
    position:absolute;
    right:28px;
    top:28px;
    margin:0;
    }

    .home-jumbotron .headings{
    width:100%;
    }
    
    /* Site Details and Graph
    ------------------------------------------------------------------------------ */
    
    .graph-jumbotron{
    height:300px;
    }
    
    /* Log Books
    ------------------------------------------------------------------------------ */
    
    .logs-col{
    width:100%;
    }
    
    /* Tables 
    ------------------------------------------------------------------------------ */
    
    .table .master-action-button{
    font-size:0;
    }

    .table .master-action-button:before{
    display:block;
    margin-right:0;
    }
    
    /* Admin
    ------------------------------------------------------------------------------ */
    
    .admin-home-col{
    width:100%;
    }

    .admin-home-col img{
    display:none;
    }

    .admin-home-col .table-jumbotron{
    padding-top:20px;
    margin-bottom:16px;
    }

    .admin-home-col h3{
    margin-bottom:20px;
    }
    
}


/* Mobile - Landscape */

@media only screen and (max-width:640px){
    
    .wrapper{
    padding-right:0px;
    padding-left:0px;
    }
    
    /* Login
    ------------------------------------------------------------------------------ */
    
    .login-body{
    background:#fff;
    }

    .login{
    background:none;
    border-bottom:none;
    }
    
    /* Home
    ------------------------------------------------------------------------------ */
    
    .white-bg-border{
    border-bottom:none;
    }

    .home-jumbotron{
    padding:0;
    margin-top:0;
    }

    .home-jumbotron .logo{
    position:static;
    width:40px;
    margin:0 auto;
    float:none;
    }

    .home-jumbotron h1{
    font-size:20px;
    }

    .home-jumbotron h3{
    margin:6px 0 6px 0;
    font-size:14px;
    }

    .home-jumbotron p{
    font-size:16px;
    margin-top:12px;
    }
    
    /* Sidebar
    ------------------------------------------------------------------------------ */
    
    .main{
    padding-bottom:50px;
    }

    .sidebar {
    width:100%;
    z-index:11111;
    height:49px;
    top:auto;
    overflow:hidden;
    }

    .sidebar .top{
    display:none;
    }

    .sidebar .navigation{
    margin-top:0!important;
    }

    .sidebar ul{
    display:table;
    width:100%;
    table-layout:fixed;
    border-collapse: collapse;
    }

    .sidebar ul li{
    width:20%;
    height:49px;
    display:table-cell;
    }

    .sidebar ul li div.icon{
    margin-top:14px;
    font-size:22px;
    }

    .sidebar ul li:first-child div.icon{
    font-size:20px;
    }

    .main{
    margin-left:0px;
    width:100%;
    }

    .navbar-fixed-top{
    width:100%;
    left:0;
    }

    .list-menu-open .wrapper{
    margin-left:0;
    }

    .pop-out-bar{
    left:0;
    width:100%;
    border-right:none;
    z-index:11;
    top:50px;
    bottom:49px;
    background:rgb(41,44,55);
    background:rgba(41,44,55,0.97);
    }

    .list-menu-open .navbar{
    left:0px;
    }

    #loading-bar .bar{
    left:0px;
    }

    .list-menu-open #loading-bar .bar{
    margin-left:0px;
    }

    .footer{
    bottom:50px;
    display:none;
    }

    .list-menu-open .footer{
    left:40px;
    right:40px;
    }
    
    /* Nav Bar
    ------------------------------------------------------------------------------ */

    .navbar .dropdown .btn{
    font-size:0;
    }
    
    .navbar .dropdown .btn:before{
    content:'';
    position:absolute;
    top:0;
    left:-40px;
    height:100%;
    width:70px;
    }
    
    .navbar-dropdown .btn .caret{
    margin-left:0;
    }
    
    .navbar-nav{
    display:block;
    position:fixed;
    top:40px;
    right:20px;
    width:100%;
    box-shadow:0 8px 14px rgba(0,0,0,.175);
    }

    .navbar-nav:before{
    content:'Menu';
    position:absolute;
    top:-50px;
    right:4px;
    height:50px;
    width:50px;
    z-index:2;
    cursor:pointer;
    line-height:52px;
    font-weight:500;
    font-size:15px;
    color:#778499;
    }

    .navbar-nav li{
    width:100%;
    }

    .navbar-nav li a{
    font-size:14px;
    width:100%;
    text-align:left;
    background:#fff!important;
    border-bottom:solid 1px #eee;
    padding:0 22px;
    display:none;
    }
    
    .navbar-nav-open li a{
    display:block;
    }

    .navbar-nav li:first-child a{
    border-bottom:none;
    }
    
    /* Misc.
    ------------------------------------------------------------------------------ */
    
    .alert-danger{
    width:calc(100% - 50px);
    }

    .side-panel{
    top:78px;
    }
    
    .breadcrumb-logo{
    display:none;
    }
    
    .breadcrumb{
    margin:0;
    padding:0 20px;
    }

    .breadcrumb-note{
    padding:0 20px;
    margin-bottom:24px;
    }

    .breadcrumb .h3{
    font-size:19px;
    }

    .breadcrumb-note{
    font-size:12px;
    }
    
    .table-responsive{
    border:none;
    }

    .jumbotron{
    padding-left:20px;
    padding-right:20px;
    }

    .results-table-jumbotron, .no-padding-table-jumbotron{
    padding-left:0;
    padding-right:0;
    }

    /*.client-details-col .jumbotron:last-child{
    padding-bottom:0;
    }*/

    .site-details-col table tr td, .client-details-col table tr td{
    width:100%;
    }

    .table-controls-jumbotron{
    height:68px;
    }

    .table-controls-jumbotron h3{
    margin:26px 0 0 20px;
    font-size:16px;
    }

    .table-controls-jumbotron .admin-edit, .table-controls-jumbotron .admin-delete{
    margin-top:19px;
    }

    .contact-table-controls-jumbotron .admin-edit{
    margin-right:20px;
    }

    .table-controls-jumbotron .dropdown-border-right{
    display:none;
    }

    .table-controls-jumbotron .navbar-form{
    margin:5px 0px 0 -8px;
    }
    
    .site-details-col table tr td .form-field:after, .client-details-col table tr td .form-field:after{
    display:none;
    }

    .table-client-overview{
    display:block;
    }

    .table-client-overview thead, .table-client-overview tbody, .table-client-overview tr{
    display:block;
    width:100%;
    }

    .table-client-overview thead{
    display:none;
    }

    .table-client-overview tbody tr td{
    display:block;
    width:20%;
    min-width:0!important;
    max-width:none;
    float:left;
    }

    .table-client-overview tbody tr:first-child td.wide{
    border-top:none;
    }

    .table-client-overview td.padding-left, .table-client-overview td.padding-right{
    display:none;
    }

    .table-client-overview tr td.wide{
    width:100%;
    font-weight:500;
    }
    
    .table-controls-jumbotron .toggle-results-view{
    margin:18px 20px 0 -8px;
    }

    .table-controls-jumbotron .toggle-results-view label{
    display:none;
    }
    
    .results-table{
    display:block;
    }

    .results-table thead, .results-table .padding-left, .results-table .padding-right{
    display:none;
    }

    .results-table tbody, .results-table tr, .results-table td{
    width:100%;
    display:block;
    max-width:100%!important;
    }

    .results-table tbody tr:first-child td{
    border-top:none;
    }

    .results-table tbody tr.results-row{
    overflow-x:scroll;
    white-space:nowrap;
    -webkit-overflow-scrolling:touchl
    }

    .results-table tbody tr td.light-col{
    display:inline-block;
    width:100px;
    }
    
    .table.show-results .result-light{
    float:left;
    }

    .table.show-results .result{
    float:left;
    width:auto;
    margin-left:5px;
    margin-top:2px;
    width:calc(100% - 25px);
    overflow:hidden;
    text-overflow:ellipsis;
    }

    .sticky-table-header{
    display:none;
    }
    
    .table .master-action-button{
    font-size:14px;
    }

    .table .master-action-button:before{
    display:none;
    }
    
    .billing-report-table tbody tr td{
    width:75%;
    height:60px;
    white-space:nowrap;
    overflow:hidden;
    }

    .billing-report-table tbody tr td.align-right{
    padding-top:20px;
    width:25%;
    }
    
    .col-25, .col-75{
    width:100%;
    }

    .guide-nav{
    display:none;
    }
    
    .admin-form{
    padding:4px 20px;
    }

    .admin-detail-col .admin-edit{
    margin-right:20px;
    }

    .admin-form label{
    line-height:30px;
    }

    .admin-form .input-wrapper{
    float:none;
    margin-left:0;
    padding-left:0;
    border:none;
    margin-bottom:20px;
    }

    .admin-form input[type="text"]:disabled{
    padding:0;
    }
    
    .breadcrumb>.active{
    margin-top:8px;
    margin-bottom:10px;
    }

    .breadcrumb>.active:before{
    display:none;
    }
}