/*******************************STRICTLY MOBILE***********************************/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  
    html {
        min-width: 768px !important;
        width: fit-content;
        height: 100% !important;
        min-height: 100vh;
        overflow: auto !important;
    }

    body {
        min-width: 1024px !important;
        width: 100% !important;
        /*height: 100% !important;*/
        /*min-height:100vh;*/
        overflow: auto !important;
        font-size: 1vw !important;
    }

    .DashBoardRepDetailItem:first-child {
        min-width: 30% !important;
        max-width: 30% !important;
        box-sizing: border-box;
    }

    .DashBoardRepDetailItemSecond {
        width: 15% !important;
        max-width: 15% !important;
    }

    .PercentGraph {
        max-width: 15% !important;
        width: 15% !important;
    }

    .RepGroupName {
        font-size: 1vw !important;
        padding-top: 26px !important;
    }

    .DetailItemRepName {
        font-size: 1vw !important;
    }

    .svgContainer {
        width: 100% !important;
    }

    .imgCompanyLogo {
        padding: 0px 0 0 10px !important;
        top: 10px;
        max-height: 50px !important;
    }

    .LocationSymbol {

    }

    #Row_2 .LocationIcon {
        padding: 0px 20% !important;
        max-height: 40px;
        max-width: 100%;
        top: 14px !important;
    }

    .RepIcon {
        padding: 0px 5% !important;
        top: 25% !important;
        height: 45% !important;
        width: auto !important;
        max-height: 45% !important;
        /*background-color: green;*/
    }

    #DG_DashBoardReps {
        margin-top: 20px !important;
    }

    .PageContent {
        overflow: auto;
    }

    #divTargets {
        overflow: auto;
    }

    .DashBoardView {
        height: auto;
    }

    #LoginForm {
        height: 100vh;
        width: 100%;
        position: relative;
    }

    #LoginForm .TermsAndConditionsContainer {
        position: absolute;
        width: 100%;
        min-width: inherit;
    }
}
  


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    body {
        height: auto;
        width: 100vw;
    }

    .PageContent .MuseFormLabel {
        font-weight: 100;
        font-size: 9px;
        margin-top: 0;
        padding: 0;
    }
    
    #LeftFilter .MusePanel {
        padding: 0px;
    }

    #LeftFilter .MusePanel .MusePanel {
        padding: 0px;
    }

    #LeftFilter .MusePanelTitle {
        padding-left: 0px;
        font-size: 0.9vw;
    }

    input[type='checkbox'] {
        width: 10px !important;
        height: 12px;
        margin: 0;
        float: left;
    }

    input[forcedcontrolid="rwDashSales_cbExcludePublicHolidays"] {
         margin-bottom: 0px; 
    }

    .RepGroupName {
        margin-top: 0px !important;
        font-size: 0.9em !important;
    }

    #DG_DashBoardCompany table .k-master-row {
        font-size: 12px;
    }

    #DG_DashBoardReps table tbody tr {
        font-size: 12px;
    }

    .svgContainer {
        width: 100% !important;
    }

    .PageContent .MusePanel .MuseControlContent .row:first-of-type {
        margin: 0 !important;
        max-width: 100%;
    }

    .k-header .k-link {
        font-size: 10px !important;
    }

    .divOverAllSalesTotalDate {
        font-size: 12px;
    }

    .topCircleBar .MainTotalHeader {
        font-size: 12px;
        top: 32% !important;
    }

    .topCircleBar .MainTotalHeaderValue {
        font-size: 2vw !important;
        top: 44% !important;
    }

    .divOverAllSalesTotal {
        font-size: 14px;
        line-height: 14px;
    }

    .DashBoardRepDetailItem:first-child {
        /*min-width: 29% !important;
        max-width: 29% !important;
        box-sizing: content-box;*/
    }

    .DashBoardRepDetailItemSecond {
        /*width: 9.6% !important;
        line-height: 70px;
        box-sizing: content-box;*/
    }

    #Row_2 .LocationSymbol {
        left: 10% !important;
        top: 38% !important;
    }

    .DashBoardRepDetailItem:first-child {
        min-width: 29.2% !important;
        max-width: 29.2% !important;
    }

    .DashBoardRepDetailItemRow .LocationIcon {
        padding: 30% !important;
    }

    #Row_2 .LocationIcon {
        padding: 10px !important;
        max-width: 100%;
        top: 5% !important;
        left: 5px !important;
        margin: 0 !important;
    }

    .imgCompanyLogo {
        padding: 10% !important;
        margin: 0 !important;
    }

    .DashBoardRepDetailItemSecond  {
        line-height: 69px !important;
        height: 70px !important;
        width: 9.7% !important;
        max-width: 9.7% !important;
        box-sizing: border-box;
    }

    .PercentGraph {
        width: 12.4% !important;
        max-width: 12.4% !important;
    }

    /*.RepIcon {
        padding: 30% !important;
    }*/

    .RepIcon {
        padding: 0px 5% !important;
        top: 25% !important;
        height: 45% !important;
        width: auto !important;
        max-height: 45% !important;
        max-width:45% !important;
        /*background-color: yellow;*/
    }

    .RepGroupName {
        line-height: 11px;
        padding-top: 25px !important;
        font-size: 1vh;
    }

    .DashBoardView {
        height: auto;
        width: 80%;
        min-width: 80% !important;
    }

    #LeftFilter {
        max-width: 20%;
        width: 20%;
        min-width: 20%;
    }

    #LoginForm {
        height: 100vh;
        width: 100%;
    }

     #LoginForm .TermsAndConditionsContainer {
         position: fixed;
         width: 100%;
     }

    #LeftFilter .FormControlLeft, #LeftFilter .FormControlRight {
        font-size: 0.9vw;
    }

    .topCircleBar svg {
        left: 35%;
    }

    .PageContent .MuseFormDropDown {
        font-size: 0.9vw;
    }

    #DG_DashBoardReps {
        min-width: 80% !important;
    }

    #DG_DashBoardReps table {
        width: 100%;
        min-width: 100% !important; 
    }

    #RWTopLogo {
        left: 19%;
    }
}