



.tracker-casesCountText-Lrg {
    font-size:80px;
}
.tracker-casesCountText-Sml {
    font-size:40px;
}

.tracker-caseListContainer {
    border: 1px solid #808080;
    box-shadow: 5px 5px 8px -1px rgba(0,0,0,0.25);
    border-radius: 8px;
    margin-bottom: 10px;
}
.tracker-caseListContainer.archived {
    background-color: #f5f5f5;
}
.tracker-caseListContainer:hover {
    background-color:#fcfce3;
    box-shadow: 5px 5px 8px -1px rgba(209,209,184,0.75); 
    cursor:pointer;
}
.tracker-caseListContainer .leftCol {
    font-size:15px;
    padding:8px;
    border-right:1px solid #808080;
}
.tracker-caseListContainer .rightCol {
    padding:8px; 
    font-size:25px
}



/*  ALL CSS BELOW REMOVED AS RELATES TO OLD CQS PERCENTAGE TRACKING

/*** MEDIA SETTINGS TO OVERIDE ABOVE CSS ***/
/****************************************************/
/* This effects a Samsung S8 Portrait */

/*
@media screen and (max-width: 576px) {
    .tracker-caseListContainer .leftCol {
        width:75%;
    }
    .tracker-caseListContainer .leftCol .clientName {
        width: 95%;
    }
}
*/

/* This effects a Samsung S8 Landscape */
/*
@media screen and (min-width: 577px) {
    .tracker-caseListContainer .leftCol {
        width: 78%;
    }
    .tracker-caseListContainer .leftCol .clientName {
        width: 90%;
    }
}

@media screen and (min-width: 768px) {
    .tracker-caseListContainer .leftCol {
        width: 82%;
    }
    .tracker-caseListContainer .leftCol .clientName {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .tracker-caseListContainer .leftCol {
        width: 85%;
    }
    .tracker-caseListContainer .leftCol .clientName {
        width: 85%;
    }
}
*/


/****************************************************/

