/* X-Large devices (large desktops, 1201px and up) */
@media (min-width: 1201px) {
    .report-button.gray-bkg {
        min-height: 60px;
    }
}

/* Large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {
    .report-button.gray-bkg {
        min-height: 65px;
    }
}

/* Medium devices (desktops, tablets 1024px and down) */
@media screen and (max-width: 1024px) {
    div.dashboard-mid-right-table div.dashboard-table-padder {
        height: 265px;
    }
    .donut-inner h5 {
        font-size: 40px;
    }
    .donut-inner p {
        font-size: 14px;
    }
    .donut-inner {
        top: 42%;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main app-company-dashboard div#content.animated.fadeIn div.row.component-row div.col-sm-3 div.dashboard-badge {
        min-height:140px;
    }
    html.hidden-menu-mobile-lock.hidden-menu body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main app-company-dashboard div#content.animated.fadeIn div.row.component-row div.col-sm-3 div.dashboard-badge {
        min-height:100px;
    }
    .chart-holder {
        padding: 0;
        padding-top: 10px;
    }
    html body.mobile-detected.smart-style-1.minified app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box div.box-content div.row div.col-sm-12.all-assets div.asset-button-rect div.asset-title-wrapper.pull-left {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 350px;
        white-space: nowrap;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box div.box-content div.row div.col-sm-12.all-assets div.asset-button-rect div.asset-title-wrapper.pull-left {
        max-width: 270px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    html body.mobile-detected.smart-style-1.minified app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box.margin-top-10 div.report-button-holder div.row div.col-sm-6 a.gray-bkg.report-button.btn-block {
        min-height: 65px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box.margin-top-10 div.report-button-holder div.row div.col-sm-6 a.gray-bkg.report-button.btn-block {
        min-height: 80px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-company-dashboard div#content.animated.fadeIn div.row.component-row div.col-md-3.equal-column div.white-box.equal-height.dashboard-left-column div.chart-holder div.donut-inner.CompanyDashboard h5.CompanyDashboard {
        font-size: 24px;
    }
    html body.mobile-detected.smart-style-1.minified app-root app-main-layout div#main app-company-dashboard div#content.animated.fadeIn div.row.component-row div.col-md-3.equal-column div.white-box.equal-height.dashboard-left-column div.chart-holder div.donut-inner.CompanyDashboard h5.CompanyDashboard {
        font-size: 26px;
    }

    html body.smart-style-1.mobile-detected.minified app-root app-main-layout div#main app-list-assets div#content.list-assets-content div.row.is-table-row div.col-sm-6.equal-column div.white-box.full-height-box div.box-content.padding-bottom-0 div.row div.col-sm-12.list-assets-holder div.asset-button-rect div.all-assets-title-wrapper.pull-left {
        max-width: 380px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    html body.smart-style-1.mobile-detected app-root app-main-layout div#main app-list-assets div#content.list-assets-content div.row.is-table-row div.col-sm-6.equal-column div.white-box.full-height-box div.box-content.padding-bottom-0 div.row div.col-sm-12.list-assets-holder div.asset-button-rect div.all-assets-title-wrapper.pull-left {
        max-width: 280px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box div.tab-content.clearfix div#problems.active.tab-pane.animated.fadeIn div.asset-problems-chart-legend {
        display:none;
    }
    html body.mobile-detected.smart-style-1.minified app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box div.tab-content.clearfix div#problems.active.tab-pane.animated.fadeIn div.asset-problems-chart-legend {
        display: block;
    }
    html body.mobile-detected.smart-style-1.minified app-root app-main-layout div#main app-asset-detail div#content div.white-box ul.nav.nav-tabs li a {
        font-size: 15px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-asset-detail div#content div.white-box ul.nav.nav-tabs li a {
        font-size: 13px;
        padding: 12px 12px 13px;
    }
    table.table.table-striped tbody tr th, table.table.table-striped tbody tr td {
        font-size: 14px;
    }
}



/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {
    a.btn.btn-block.btn-primary.btn-dashboard-view-assets.clearfix {
        margin-bottom:25px;
    }

    .nav-tabs > li > a {
        padding: 8px 10px;
        font-size: 13px;
        font-weight: 300 !important;
        border-top: none;
    }


    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box div.box-content div.row div.col-sm-12.all-assets div.asset-button-rect div.asset-title-wrapper.pull-left {
        max-width: 250px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box div.tab-content.clearfix div#problems.active.tab-pane.animated.fadeIn div.asset-problems-chart-legend {
        display:none;
    }
    div.white-box a.pull-right {
        font-size: 13px;
        color: #666666;
        margin-top: 7px;
        margin-right: 20px;
    }
    .report-button.gray-bkg {
        min-height: 55px;
    }
    div.ribbon-company-name {
        font-size: 24px;
        color: #006699;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}


/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) {
    .dashboard-badge {
        min-height: 135px;
    }
    .chart-holder {
        padding: 50px;
    }
    .donut-inner h5 {
        font-size: 88px;
    }
    .btn-dashboard-view-assets {
        margin-bottom: 25px;
    }
    .login-container, .container-fluid {
        width: 350px;
        margin-top: 55px;
    }
    .donut-inner h5 {
        font-size: 100px;
    }
    .donut-inner p {
        font-size: 18px;
    }
    .donut-inner {
        top: 45%;
    }

}




/* x-Small devices (phones in portrait, 667px and down) */
@media screen and (max-width: 667px) {

    #logo img {
        padding-left: 5px;
        margin-top: 5px;
    }

    .dashboard-badge {
        min-height: 90px;
    }

    .chart-holder {
        padding: 20px;
    }

    .dashboard-badge {
        margin-bottom: 15px;
    }

    .btn-dashboard-view-assets {
        margin-bottom: 20px;
    }

    div.footer-col.clearfix div.col-sm-4.footer-left, div.footer-col.clearfix div.col-sm-4.footer-middle {
        border-right: none;
    }

    .login-container, .container-fluid {
        width: 330px;
        margin-top: 55px;
    }
    .donut-inner h5 {
        font-size: 68px;
    }

    html body.modal-open app-root app-main-layout div#main app-asset-detail div.modal.fade.nss-image-gallery-modal.in div.modal-dialog.modal-lg {
        width: 90%;
    }
    #asset-overview-latest-images {
        margin-bottom: 20px;
    }
    div#marketing-footer-holder div.row.component-row div.col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main app-company-dashboard div#content.animated.fadeIn div.row.component-row div.col-sm-3 div.dashboard-badge {
        min-height: 100px;
    }
    a.btn.btn-block.btn-primary.btn-dashboard-view-assets.clearfix {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    /*
    .nav {
        padding-left:0;
        padding-right:0;
    }
    .nav li {
        display:block !important;
        width:100%;
        margin:0px;
    }
    .nav li.active {
        border-bottom:1px solid #ddd!important;
        margin: 0px;
    }
     */

    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems,
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems {
        min-height: 100px;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems div.pull-right.clearfix ul.nav.nav-pills.filter-pills {
        margin-top: 5px;
    }
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space: normal;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.table-padder div.table-responsive table.table.table-striped.all-problems tbody tr.animated.fadeIn td:first-child {
        min-width: 220px;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.table-padder div.clearfix.text-right pagination-controls pagination-template ul.ngx-pagination {
        padding:0;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main app-list-assets div#content.list-assets-content div.row.is-table-row div.col-sm-6.equal-column.white-background:nth-child(2),
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6:nth-child(2){
        margin-top: 15px;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main sa-ribbon div#ribbon app-ribbon-header div#agreement-dates.pull-right {
        display:none;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems div.pull-right.clearfix ul.nav.nav-pills.filter-pills {
        margin-top: 15px;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box.margin-top-10 div.report-button-holder div.row div.col-sm-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box.margin-top-10 div.report-button-holder div.row div.col-sm-6 a.gray-bkg.report-button.btn-block {
        min-height: 50px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-asset-detail div#content div.white-box ul.nav.nav-tabs li a {
        padding: 12px 6px 13px;
    }
    div.no-downstream {
        margin-top: 35px;
    }
    div.no-upstream {
        margin-bottom: 35px;
    }
    .asset-prev-next {
        margin-top: 5px;
    }

    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box div.box-content div.row div.col-sm-12.all-assets div.asset-button-rect div.asset-title-wrapper.pull-left {
        max-width: 550px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box div.tab-content.clearfix div#problems.active.tab-pane.animated.fadeIn div.asset-problems-chart-legend {
        display: block !important;
    }

}


/* x-Small devices (phones, 414px and down) */
@media screen and (max-width: 480px) {

    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box div.box-content div.row div.col-sm-12.all-assets div.asset-button-rect div.asset-title-wrapper.pull-left {
        max-width: 250px;
    }

    #logo img {
        padding-left: 5px;
        margin-top: 5px;
    }

    .dashboard-badge {
        min-height: 90px;
    }

    .chart-holder {
        padding: 20px;
    }

    .dashboard-badge {
        margin-bottom: 15px;
    }

    .btn-dashboard-view-assets {
        margin-bottom: 20px;
    }

    div.footer-col.clearfix div.col-sm-4.footer-left, div.footer-col.clearfix div.col-sm-4.footer-middle {
        border-right: none;
    }

    .login-container, .container-fluid {
        width: 330px;
        margin-top: 55px;
    }
    .donut-inner h5 {
        font-size: 68px;
    }

    html body.modal-open app-root app-main-layout div#main app-asset-detail div.modal.fade.nss-image-gallery-modal.in div.modal-dialog.modal-lg {
        width: 90%;
    }
    #asset-overview-latest-images {
        margin-bottom: 20px;
    }
    div#marketing-footer-holder div.row.component-row div.col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main app-company-dashboard div#content.animated.fadeIn div.row.component-row div.col-sm-3 div.dashboard-badge {
        min-height: 100px;
    }
    a.btn.btn-block.btn-primary.btn-dashboard-view-assets.clearfix {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    /*
    .nav {
        padding-left:0;
        padding-right:0;
    }
    .nav li {
        display:block !important;
        width:100%;
        margin:0px;
    }
    .nav li.active {
        border-bottom:1px solid #ddd!important;
        margin: 0px;
    }
     */

    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems,
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems {
        min-height: 100px;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems div.pull-right.clearfix ul.nav.nav-pills.filter-pills {
        margin-top: 5px;
    }
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space: normal;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.table-padder div.table-responsive table.table.table-striped.all-problems tbody tr.animated.fadeIn td:first-child {
        min-width: 220px;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.table-padder div.clearfix.text-right pagination-controls pagination-template ul.ngx-pagination {
        padding:0;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main app-list-assets div#content.list-assets-content div.row.is-table-row div.col-sm-6.equal-column.white-background:nth-child(2),
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6:nth-child(2){
        margin-top: 15px;
    }
    html body.mobile-view-activated.mobile-detected.smart-style-1 app-root app-main-layout div#main sa-ribbon div#ribbon app-ribbon-header div#agreement-dates.pull-right {
        display:none;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.box-header.all-problems div.pull-right.clearfix ul.nav.nav-pills.filter-pills {
        margin-top: 15px;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box.margin-top-10 div.report-button-holder div.row div.col-sm-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box.margin-top-10 div.report-button-holder div.row div.col-sm-6 a.gray-bkg.report-button.btn-block {
        min-height: 50px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-asset-detail div#content div.white-box ul.nav.nav-tabs li a {
        padding: 12px 6px 13px;
    }
    div.no-downstream {
        margin-top: 35px;
    }
    div.no-upstream {
        margin-bottom: 35px;
    }
    .asset-prev-next {
        margin-top: 5px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box div.tab-content.clearfix div#problems.active.tab-pane.animated.fadeIn div.asset-problems-chart-legend {
        display: none !important;
    }
    .donut-inner.AgreementDashboard {
        transform: translate(176%,-805%);
    }
    div.report-button-holder div.row div.col-sm-6:nth-child(2n+1) {
        padding-right: 15px;
        padding-left: 15px;
    }
    div.report-button-holder div.row div.col-sm-6:nth-child(2n) {
        padding-left: 15px;
    }
}

/* iPhone 5 */
@media screen and (max-width: 320px) {
    .login-container, .container-fluid {
        width: 300px;
        margin-top: 15px;
    }
    html body.smart-style-1.mobile-view-activated.mobile-detected app-root app-main-layout div#main app-all-problems div#content.all-problems-content div.row.component-row div.col-sm-12 div.white-box.equal-height div.table-padder div.table-responsive table.table.table-striped.all-problems tbody tr.animated.fadeIn td:first-child {
        min-width: 220px;
    }
    html body.smart-style-1.mobile-detected app-root app-main-layout div#main app-list-assets div#content.list-assets-content div.row.is-table-row div.col-sm-6.equal-column div.white-box.full-height-box div.box-content.padding-bottom-0 div.row div.col-sm-12.list-assets-holder div.asset-button-rect div.all-assets-title-wrapper.pull-left {
        max-width: 220px;
    }
    .boxed-data-column.info {
        text-align: right;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-agreement-dashboard div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box div.box-content div.row div.col-sm-12.all-assets div.asset-button-rect div.asset-title-wrapper.pull-left {
        max-width: 210px;
    }
    ul.nav.nav-pills.filter-pills li a {
        color: #006699;
        font-size: 14px;
        font-weight: 300;
        padding: 0;
        margin: 0;
        text-transform: none;
        padding: 3px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 5px;
        border-bottom: 0;
    }

    div.dashboard-table-padder div.chart-holder.agreement-dashboard {
        max-height: 300px;
        max-width: 300px;
        float: left;
        padding: 10px;
    }
    .donut-inner.AgreementDashboard {
        top: 190px;
        left: 165px;
    }
    html body.mobile-detected.smart-style-1 app-root app-main-layout div#main app-asset-detail div#content div.white-box ul.nav.nav-tabs li a {
        padding: 12px 3px 13px;
        font-size: 12px;
    }
    .customer-note {
        padding: 0;
    }
}





@media screen and (min-width: 769px) {
    html body.mobile-detected.smart-style-1 app-root app-main-layout sa-header header#header div.pull-right sa-collapse-menu div#hide-menu.btn-header.pull-right {
        display: none;
    }
}