/* /Pages/Badges.razor.rz.scp.css */
img[b-0uur3ovrqe] {
    height: 150px;
    width: auto;
   margin-left:auto;
   margin-right:auto;
   display:block;
}
/* /Pages/Chat.razor.rz.scp.css */
.from-me[b-ji3rhre3ao] {
    background-color: lightblue;
}

.to-me[b-ji3rhre3ao] {
    background-color: lightgray;
}

#message-input[b-ji3rhre3ao] {
    position:fixed;
    bottom:80px;
    padding-left: 10px;
    background-color:white;
    padding-top: 10px;
}
/* /Pages/Data.razor.rz.scp.css */
td[b-xrlmtkb6ht] {
    padding: 10px;
}

th[b-xrlmtkb6ht] {
    text-align: center;
}
/* /Pages/Index.razor.rz.scp.css */
.col[b-eyucm1wjn6] {
    padding: 0px;
}

#weight_bar[b-eyucm1wjn6] {
    /* background-color:#e9e9e9; */
    color: #525252;
}

#blue_header[b-eyucm1wjn6] {
    background-color: #54b4e6;
    color: #fff;
    font-size: 20px;
    height: 35px;
}

#blue_inner[b-eyucm1wjn6] {
}

#alert_div[b-eyucm1wjn6] {
    background-color: #f57c71;
    height: 35px;
}

#amber[b-eyucm1wjn6] {
    position: absolute;
    right: 3px;
    bottom: 0;
}

.btn-circle[b-eyucm1wjn6] {
    width: 80px;
    height: 80px;
    border-radius: 55px;
    text-align: center;
}

#view_badges[b-eyucm1wjn6] {
    background-color: #54b4e6;
    position: fixed;
    bottom: 160px;
    margin-right: 2px;
    right: 0;
}

.stepschart[b-eyucm1wjn6] {
    position: relative;
    text-align: center;
    margin: auto;
    /*    width: 50% Commenting this out for testing. It seems to offset the graph to the left.*/
}
/* /Pages/InterventionistChat.razor.rz.scp.css */
.from-me[b-n01mc69rrf] {
    background-color: lightblue;
}

.to-me[b-n01mc69rrf] {
    background-color: lightgray;
}

#message-input[b-n01mc69rrf] {
    position:fixed;
    bottom:80px;
    padding-left: 10px;
    background-color:white;
    padding-top: 10px;
}

#spacer[b-n01mc69rrf] {
    margin-top:150px;
}
/* /Pages/ParticipantDetails.razor.rz.scp.css */
.timelinebar[b-jjan2ao19a] {
    margin: 2rem;
}

div.ipad-mini[b-jjan2ao19a] {
    max-width: 768px;
}

.stepschart[b-jjan2ao19a] {
    position:relative;
    text-align:center;
    margin: auto;
/*    width: 50% Commenting this out for testing. It seems to offset the graph to the left.*/
}
/* /Pages/Portal.razor.rz.scp.css */
h1[b-tu1p4hpser] {
    font-size: 1.5em;
}

h2[b-tu1p4hpser] {
    font-size: 1.2em;
}

table[b-tu1p4hpser], th[b-tu1p4hpser], td[b-tu1p4hpser] {
    border: 1px solid black;
}

.highlight[b-tu1p4hpser]{
    background-color: yellow;
}
/* /Pages/Survey.razor.rz.scp.css */
    .custom-range[b-ieoor774gk]::-webkit-slider-thumb {
        background: transparent;
    }

    .custom-range[b-ieoor774gk]::-moz-range-thumb {
        background: transparent;
    }

.form-control-range[b-ieoor774gk] {
    margin-top: 5px;
    margin-bottom: 7px;
    margin-right: 8px;
}

/*Override Bootstrap. Needed to avoid scroll bars on ipad mini.*/
.card-body[b-ieoor774gk] {
    padding: 1rem;
}
/* /Pages/User.razor.rz.scp.css */
.prompt-time[b-iu2srwpfkb] {
    background: gray;
    color: white;
    text-align: right;
}

th[b-iu2srwpfkb] {
    text-align: center;
}

.submit-button[b-iu2srwpfkb] {
    position: fixed;
    padding-left: 250px;
}

@media (max-width: 641px) {
    .submit-button[b-iu2srwpfkb] {
        padding-left: 0px;
    }
}
/* /Shared/ChatOverlay.razor.rz.scp.css */
.from-me[b-7rff5g6e9l] {
    background-color: lightblue;
    position: relative;
    border-radius: 25px 25px 0px 25px !important;
    border: transparent !important;
    filter: drop-shadow(0px 4px 4px rgb(219, 219, 219));
}

.to-me[b-7rff5g6e9l] {
    background-color: lightgray;
    position: relative;
    border-radius: 25px 25px 25px 0px !important;
    border: transparent !important;
    filter: drop-shadow(0px 4px 4px rgb(219, 219, 219));
}

.card-body[b-7rff5g6e9l] {
    padding: .75rem !important;
}

.time-stamp[b-7rff5g6e9l]{
    color: rgb(184, 184, 184);
    font-size: smaller;
}


#message-input[b-7rff5g6e9l] {
    position:fixed;
    bottom:80px;
    padding: 10px;
    background-color:white;
}

.message-input-interventionist[b-7rff5g6e9l] {
    position: fixed;
    padding-left: 250px;
}

#mobile-spacer[b-7rff5g6e9l]{
    height:0px;
}

/* Media check for mobile devices */
@media (max-width: 641px) {
    .message-input-interventionist[b-7rff5g6e9l] {
        padding-left: 0px;
    }

}
@media (max-width: 549px){
    #mobile-spacer[b-7rff5g6e9l]{
        height:60px;
    }
}

#spacer[b-7rff5g6e9l] {
    margin-top:150px;
}

/*Override bootstrap. Hover causes issues with ipad mini keeping focus after button click with blazor.*/
.btn-outline-secondary:hover[b-7rff5g6e9l], .btn-primary:focus[b-7rff5g6e9l], .btn-primary:active[b-7rff5g6e9l], .btn-primary.active[b-7rff5g6e9l], .open > .dropdown-toggle.btn-primary[b-7rff5g6e9l] {
    color: #6c757d;
    background-color: #ffffff;
    border-color: #6c757d;
}
/* /Shared/FeedOGram.razor.rz.scp.css */
.outside[b-pmksw8mtmr], .outside-on-border[b-pmksw8mtmr] {
  background-color:silver;
  }

.outside-eating[b-pmksw8mtmr] {
    background-color:#DA2C38;
}

.inside[b-pmksw8mtmr], .inside-on-boarder[b-pmksw8mtmr] {
   background-color:#54b4e6;
  }

.inside-eating[b-pmksw8mtmr] {
    background-color: #4aa564;
}

.border-eating[b-pmksw8mtmr] {
    background-color:#FFC857;
}

#feedogram[b-pmksw8mtmr] {
    margin: auto;
    width: 100%;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: white;
    overflow: auto;
    max-width: 768px;
    min-width: 768px;
}

#feedogram-footer[b-pmksw8mtmr] {
    position: relative;
}

#firstMinuteOfDay[b-pmksw8mtmr] {
    position: absolute;
    left: 1.5rem;
}


#lastMinuteOfDay[b-pmksw8mtmr] {
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}

#firstMinuteOfWindow[b-pmksw8mtmr] {
    position: absolute;
    top: 0rem;
}

#lastMinuteOfWindow[b-pmksw8mtmr] {
    position: absolute;
    top: 0rem;
}
/* /Shared/InterventionistLayout.razor.rz.scp.css */
.page[b-2h7ltrekzb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-2h7ltrekzb] {
    flex: 1;
}

.sidebar[b-2h7ltrekzb] {
    /* background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); */
    background-color: #2580E6;
    min-width: 200px;
}

.top-row[b-2h7ltrekzb] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-2h7ltrekzb]  a, .top-row .btn-link[b-2h7ltrekzb] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-2h7ltrekzb] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-2h7ltrekzb] {
        display: none;
    }

    .top-row.auth[b-2h7ltrekzb] {
        justify-content: space-between;
    }

    .top-row a[b-2h7ltrekzb], .top-row .btn-link[b-2h7ltrekzb] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-2h7ltrekzb] {
        flex-direction: row;
    }

    .sidebar[b-2h7ltrekzb] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-2h7ltrekzb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-2h7ltrekzb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* /Shared/MainLayout.razor.rz.scp.css */
.main[b-99rkcik1w2] {
    flex: 1;
}

.col[b-99rkcik1w2] {
    padding: 0px;
}

.header[b-99rkcik1w2] {
    font-family:'Arima Madurai';
}

/*
@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a, .top-row .btn-link {
        margin-left: 0;
    }
}
*/
/*
@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Shared/Menu.razor.rz.scp.css */
.navbar-toggler[b-x1lbbfqe4l] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-x1lbbfqe4l] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-x1lbbfqe4l] {
    font-size: 1.1rem;
}

.oi[b-x1lbbfqe4l] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-x1lbbfqe4l] {
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-x1lbbfqe4l] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-x1lbbfqe4l] {
        padding-bottom: 1rem;
    }

    .nav-item[b-x1lbbfqe4l]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-x1lbbfqe4l]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-x1lbbfqe4l]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.btn-link[b-x1lbbfqe4l] {
    color: #d7d7d7;
}

@media (min-width: 641px) {
    .navbar-toggler[b-x1lbbfqe4l] {
        display: none;
    }

    .collapse[b-x1lbbfqe4l] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.nav[b-jny1hnkztw] {
    padding-top:5px;
    background-color:rgba(255,255,255);
    /* background-color:rgba(255,255,255,0.65); */
}

.nav-item[b-jny1hnkztw] {
    margin: auto;
    text-align: center;
    min-width: 20%
}

.nav-link[b-jny1hnkztw] {
    height:90%;
    top:10%;
}

.nav-link img[b-jny1hnkztw] {
    height:40px;
}


.spacer[b-jny1hnkztw] {
    padding-bottom: 85px;
}

/* 
@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .collapse {
        /* Never collapse the sidebar for wide screens */
        /* display: block;
    }
} */

/* Dropup Button */
.dropbtn[b-jny1hnkztw] {
    
}

/* The container <div> - needed to position the dropup content */
.dropup[b-jny1hnkztw] {
    position: relative;
    display: inline-block;
}


/* Dropup content (Hidden by Default) */
.dropup-content[b-jny1hnkztw] {
    display: none;
    position: fixed;
    bottom: 75px;
    right: 5%;
    background-color: #4eb99b;
    border-color: #4eb99b;
    min-width: 75px;
    /* box-shadow: 0px 3px 16px 2px #cfcfcf; */
    z-index: 1;
    border-radius: .5rem;
}

    /* Links inside the dropup */
    .dropup-content a[b-jny1hnkztw] {
        color: #fff;
        padding: 16px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropup links on hover */
        .dropup-content a:hover[b-jny1hnkztw] {
            background-color: #45a389;
            border-color: #45a389;
            border-radius: .5rem;
            bottom: 75px;
            right: 5%;
        }

/* Show the dropup menu on hover */
.dropup:hover .dropup-content[b-jny1hnkztw] {
    display: block;
}


/* Changes for other devices */
/*------------
----------------*/

@media (max-width: 480px){
    .dropup-content[b-jny1hnkztw]{
        right: 5%;
    }
}

@media (min-width:642px){
    .dropup-content[b-jny1hnkztw]{
        right: 10%;
    }

    .nav[b-jny1hnkztw] {
        width: auto;
        font-size: small;
    }

    .nav-item[b-jny1hnkztw]{
        height:100%;
    }


}



/* /Shared/Spacer.razor.rz.scp.css */
#spacer[b-6vpv4o4zyg] {
    margin-top: 150px;
}
/* /Shared/StepsChart.razor.rz.scp.css */
/*
#stepcount {
    position: absolute;
    text-align: center;
    font-size: 2rem;
    color: red;
    padding: 0;
    top: 6.5rem;
    z-index: 1;
} */

canvas[b-qpdf8zetyd] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
/* /Shared/TimelineBar.razor.rz.scp.css */
.bar_container[b-umwu8fx5dw] {
    position: relative;
    text-align: center;
}

.bar[b-umwu8fx5dw] {
    min-width: 720px;
}

.leftTime[b-umwu8fx5dw] {
    position: absolute;
    bottom: 1rem;
    height: 35px;
    padding: 5px;
    z-index: 4;
    background: url(images/left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.active[b-umwu8fx5dw] {
  background-color: #4aa564;
}

.sedentary[b-umwu8fx5dw] {
  background-color:#54b4e6;
}

.sleeping[b-umwu8fx5dw] {
    background-color: #c4c4c4;
}
/* /Shared/TrafficLight.razor.rz.scp.css */
#dotStatus[b-0ojnmlvnb1] {
    filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.4));
}