body
{
   margin:                 0;
   /*background-image:       url('Images/Logo.jpg');*/
   /*background-image:       url('Images/RedRibbon.jfif');*/
   background-size:        contain;
   background-attachment:  fixed;
   background-repeat:      no-repeat;
   background-position-y:  center;
}
.MainBody
{
   background-color:    rgba(255, 255, 255, 0.8);
}

.DefaultText
{
   font-size:     2vh;

}
.ActionButton
{
   color:               white;
   border-color:        #548eeb;
   background-color:    #548eeb;
}

.HomeWelcome
{
   font-size:     3.5vh;
}

.ScavengerHuntHeader
{
   background-color:    #AAAAAA;
   height:              8vh;
   padding-left:        1vh;
   box-sizing:          border-box;
}
.ScavengerHuntHeaderImage
{
   float:         right;
   width:         6vh;
   margin-top:    0.5vh;
   margin-right:  1vw;
}
.ScavengerHuntHeaderTitle
{
   /*float:      right;*/
   padding-top:   2vh;
   font-size:     2.5vh;
   text-align:    center;
   padding-left:  6vh;
   /*margin-top:    1vh;*/
}

.ScavengerHuntHeaderBackButton
{
   /*font-size:        3vh;
   padding-top:      1vh;*/
   float:            left;
   width:            6vh;
}
.ScavengerHuntHeaderBackButtonImage
{
   cursor:           pointer;
   display:          none;
   width:            6vh;
   padding-top:      1vh;
}
.ScavengerHuntBody
{
   box-sizing:          border-box;
   height:              calc(100% - 16vh);
   overflow:            scroll;
   padding:             1vh;
}
.ScavengerHuntFooter
{
   background-color:    #AAAAAA;
   height:              8vh;
   padding-top:         2vh;
   box-sizing:          border-box;
}
.ScavengerHuntFooterSection
{
   cursor:        pointer;
   width:         20%;
}
/*
.ScavengerHuntFooterTasks
{
   float:         left;
   width:         20vw;
}
.ScavengerHuntFooterFeed
{
   float:         left;
   width:         20vw;
}
.ScavengerHuntFooterRankings
{
   float:         left;
   width:         20vw;
}
.ScavengerHuntFooterNotifications
{
   float:         left;
   width:         20vw;
}
.ScavengerHuntFooterMyTeam
{
   float:         left;
   width:         20vw;
}
*/

.SelectTeamWelcome
{
   font-size:     3vh;
}


.SelectGameContainer
{
}
.SelectGameHeader
{
   padding-bottom:    3vh;
}
.SelectGameGamesContainer
{
}
.SelectGame
{
   padding:       1vh;
   margin:        1vh;
   border-color:  #DDDDDD;
   border-width:  1px;
   border-style:  solid;
}
.SelectGamePicture
{
   float:   left;
   margin:  1vh;
}
.SelectGameImage
{
   height:  10vh;
}
.SelectGameName
{
   font-size:     4vh;
   font-weight:   bold;
}
.SelectGameDescription
{
   color:         #888888;
}

.NewTask
{
   padding:             0.5vh 3vw;
   float:               right;
   cursor:              pointer;
   border-color:        black;
   border-width:        1px;
   border-style:        solid;
   text-align:          center;
   margin:              0.5vh;
}

.TaskStatus
{
   padding:             0.5vh 3vw;
   /*width:               20vh;*/
   float:               left;
   cursor:              pointer;
   border-color:        black;
   border-width:        1px;
   border-style:        solid;
   text-align:          center;
   margin:              0.5vh;
}
.TaskStatusSelected
{
   padding:             0.5vh 3vw;
   /*width:               20vh; */
   float:               left;
   cursor:              pointer;
   background-color:    #548eeb;
   border-color:        #548eeb;
   border-width:        1px;
   border-style:        solid;
   text-align:          center;
   margin:              0.5vh;
}

.TaskListTask,
.TaskDetailsTask
{
   border-color:     #AAAAAA;/*black;*/
   border-style:     solid none none none;/*solid;*/
   border-width:     0.3vh; /*1px;*/
   padding:          0.5vh;
   margin:           0.5vh;
   cursor:           pointer;
   height:           14vh;
   box-sizing:       border-box;
   overflow:         hidden;
}
.TaskDetailsTask
{
   height:          calc(100% - 1vh);
   overflow:        auto;
}

.TaskListPoints,
.TaskDetailsPoints
{
   float:            right;
   font-size:        2vh;
}

.TaskListName,
.TaskDetailsName
{
   font-size:        3vh;
   font-weight:      bold;
   margin:           2px;
}

.TaskListDescription,
.TaskDetailsDescription
{
   font-size:        2.25vh;
}

.TaskListPicture,
.TaskDetailsPicture
{
   /*float:         left;*/
   /*width:         100px;*/
   clear:            both;
   text-align:       center;
}

.TaskListPictureImageDiv
{
}
.TaskListPictureImage
{
   float:         left;
   height:        50px;
   padding:       1vh;
   max-height:    8vh;
   width:         auto;
}


.LoadingDiv
{
   position:         absolute;
   z-index:          1000;
   background-color: rgba(0, 0, 0, 0.6);
   height:           100%;
   width:            100%;
   text-align:       center;
   display:          none;
   color:            white;
}

.LoadingDivImage
{
   height:     10vh;
}

.TaskDetailsAddImage
{
   text-align:    center;
}

.TaskDetailsPictureImage
{
   height:        150px;
   padding:       1vh;
   max-height:    20vh;
   width:         auto;
}

#TaskDetailsComments
{
   height:        10vh;
   width:         90vw;
   max-width:     550px;
}

.TaskDetailsTakePicture
{

}
.TaskDetailsCustomFileUpload
{
   border: 1px solid #ccc;
   display: inline-block;
   padding: 6px 12px;
   cursor: pointer;
}

.TaskEditTextArea,
.GameEditTextArea
{
   width:   70vw;/*250px;*/
   height:  15vh;/*75px;*/
}




#DetailsFileCanvas
{
   display:       none;
   height:        150px;
   max-height:    20vh;
   width:         auto;
   padding:       1vh;
   margin-left:   calc(50% - 10vh);
   border:        none;
}


.InstructionsContainer
{
   font-size:     3vh;
}

.RankingTeamContainer
{
   padding:                1vh;
   border-bottom-color:    #AAAAAA;
   border-bottom-style:    dashed;
   border-bottom-width:    0.05vh;
}

.RankingTeamPicture
{
   display:    none;
}
.RankingTeamPlace
{
   float:      right;
   font-size:  3vh;
}

.RankingTeamName
{
   font-size:  3vh;
   color:      #548eeb;
}
.RankingTeamPoints
{
   font-size:  2vh;
   color:      #888888;
}
.RankingPlayerPointsContainer
{
   margin-left:   2vh;
}


.FeedTask
{
   padding-bottom:   4vh;
}
.FeedTaskDate
{
   float:      right;
   font-size:  2vh;
   text-align: right;
}
.FeedTaskTeam
{
   font-size: 4vh;
}
.FeedTaskTitle
{
}
.FeedTaskImageDiv
{
}
.FeedTaskComments
{
   font-style:       italic;
   background-color: #DDDDDD;
   display:          inline-block;
   padding:          3px 15px;
   margin:           5px 10px;
}

.FeedTaskImage
{
   /*height:        auto;*/
   height:        30vh;
}

.FeedTaskBonus
{
   padding:       0.5vh 2vw;
}
.FeedTaskBonusInput
{
   width:         60px;
}
.FeedTaskBonusButton
{
}
.FeedTaskBonusPoints
{
   color:         red;
   font-weight:   bold;
}
.FeedNextPage
{
   cursor:           pointer;
   text-decoration:  underline;
   float:            right;
   margin:           0.5vh;
}

.MyTeamContainer
{
   text-align:    center;
   font-size:     3vh;
}
.MyTeamPicture
{
}
.MyTeamImage
{
}
.MyTeamName
{
}
.MyTeamCode
{
}
.MyTeamLogout,
.MyTeamChangeGame,
.MyTeamGameDetails
{
   text-decoration:  underline;
   cursor:           pointer;
   font-size:        1.5vh;
}
.MyTeamMembers
{
   padding:    3vh;
}
.MyTeamMembersPlayer
{
}



input[type="file"]
{
   display: none;
}