/**
0. Common styles - wrappers for all containers
    0.1 side bar table for portfolio projects: can be used for other pages as well
1. Page title(s) - common for all pages ()
2. My Projects Page
3. Project Registration pages (including payment page)
3. Credit actions, Measures
4. Score pages
5. Analytics Pages
6. Manage pages
7. Project Registration
8. Portfolio Pages
**/


/** Tablets **/
@media only screen and
    (min-device-width: 768px) and 
    (max-device-width: 1024px) and
    (-webkit-min-device-pixel-ratio: 2){
    
    /** 0. Common styles - wrappers for all containers/Tables: Starts **/
    .hidden-sm {
        display: none !important;
    }

    .materialSpinner--wrapper{
        left: 44%;
    }

    .noProjects-addProjects--container{
        width: 100%;
        margin-top: 60px;
    }

    /** 0. Common styles - wrappers for all containers/Tables: Ends **/

    /** 0.1 side bar table for portfolio projects: can be used for other pages as well : Starts**/
    .sideBar--projectsDetailsModal .modal-dialog{
        width: 65%;
    }

    /** 0.1 side bar table for portfolio projects: can be used for other pages as well : Ends**/

    /* 8. Portfolio Pages: Starts */

     .portfolioWidgets--wrapper .portfolioWidget,
     .portfolioWidget--wrapper__carbonPage .portfolioWidget {
        width: 33.33%;
    }

    .arcFilter--wrapper__scoreView{
        margin-right: 0px;
    }

    .arcTbl .arcTbl--scoreheader{
        width: 12%;
    }

    .arcTbl .arcTbl--row .progressBar--totalEmissions{
        width: 14%;
    }

    .arcTbl .arcTbl--row .carbon--progressBar__marginRight {
        margin-right: 0.05pc;
        min-width: 15%;
        max-width: 64%;
    }

    .arcTbl--pagination{
        width: 50%;
    }




    /* 8. Portfolio Pages: Ends */


}




/** Desktops **/
@media (min-width: 992px) and (max-width: 1199px) {
    
}

/** Big Monitors **/
@media (min-width: 1200px) {
    
}