body{
    background-color:whitesmoke;
    font-size: large;
}

/* Dropdown Button */
.dropbtn {
    background-color: goldenrod;
    color: black;
    padding: 6px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
    /* background-color: white; */
  }
  
  /* The search field */
  #myInput {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
  }
  
  /* The search field when it gets focus/clicked on */
  #myInput:focus {outline: 3px solid #ddd;}
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    /* min-width: 230px; */
    border: 1px solid #ddd;
    z-index: 1;
    width: 100%;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #f1f1f1}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;}

#helpDiv{
    font-size: 12px;
    text-align: center;
}

button{
    /* background-color: black; */
    color: black;
    border:goldenrod 1px solid;
}

.navbar-brand{
    color: goldenrod !important;
    padding: 0px;
}

.navbar{
    color: goldenrod !important;
}

.panel-default{
    padding: 25px;
    border-color: white;
    border-width: 1px;
}


 #notificationCount{
     /* color:white; */
     color: goldenrod;
     margin-top: 2px;
     margin-left: 0px;
     height: 100px;
     font-size: 17px;
     /* position:relative; */
     margin-top: 10px;
    /* background-color: red; */
    width: 250px;
    /* border-radius: 10px; */
        
 }
 #feed{
    border-width: 0px;
    padding: 0px;
}

 #feed > #pageTitle{
    background-color: whitesmoke;
    border-width: 0px;
    margin-bottom: 0px;
   
}
 #postSubmitDiv{
    clear: both;
    background-color: white;
    border-width: 1px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    border-color: goldenrod;
    /* padding-bottom: 50px; */
    /* height: 10px; */
}

.navbar-brand{
    font-size: 30px;
}

#dashboardIcons{
    font-size: 40px;
    /* color:goldenrod; */
    /* color:lightslategray; */
    color: black;
    padding: 10px;
    /* border-radius: 100px; border-style:solid; border-width:2px; border-color:grey; */
}
#dashboardIconsText{
    font-size: 10px;
    color:grey;
    padding: 10px;
}

#dashboard{
    text-align: center;
    padding: 0px;
}

#pageTitle{
    text-align: center;
    color: black;
}

#pageTitle > a{
    /* color: goldenrod; */
    color: black;
}

#profileImage{
    /* width: 80%; */
    max-height: 200px;
    max-width: 100%;
    
}
#teamPageProfileImage{
    /* width: 80%; */
    max-height: 60px;
    max-width: 80%;
    
}
#leaguePageProfileImage{
    /* width: 80%; */
    max-height: 60px;
    max-width: 80%;
    
}
#divisionTeamImage{
    /* width: 80%; */
    max-height: 90px;
    max-width: 100%;
    margin-top: 10px;
  
    
}


#profileImageDiv{
    width: 43%;
    margin:1px;
    float: left;
    padding:10px;
    margin-top: 10px;
    border-color: black;
    border-width: 20px;
    border-radius: 20px;
    border-color: black;
    border-width: 20px;
    border-radius: 10px;
    text-align: center;
}
#profileImageStatsDiv{

    width: 49%;
    margin:10px;
    float: right;
    /* padding:20px; */
    padding-right: 10px;
    margin-top:0px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
}

#profileImageMin{
    width: 100%;
}

#profileImageMinDiv{
    width: 20%;
    margin:1px;
    float: left;
    padding:10px;
    margin-top: 10px;
    border-color: black;
    border-width: 20px;
    border-radius: 10px;
    text-align: center;
}
#profileImageStatsMinDiv{
    width: 49%;
    margin:10px;
    float: right;
    padding-right:20px;
    margin-top:10px;
    font-size: 16px;
}

#profileImageMessageBtnDiv{
   
}

#messageModalLabel{
    text-align: center;
}

#modalPreviousMessagesThread{
    padding: 20px;
}


#profilePagePostButton{
    margin-top: 5px;
    float: right;
    background-color: goldenrod;
    color: black;
    border-color: black;

}
#sendMessageButton{
    margin-top: 5px;
    float: right;
}

#teamCreateTeamButton{
    margin-top: 5px;
    /* margin-bottom: 15px; */
    float: right;
    background-color: goldenrod;
    color: black;
    border-color: black;
}

#profileFeedDiv{
    //height: 800px;
    /* border-top: solid;
    border-top-color: darkslategray;
    border-top-width: 1px; */
    padding-top:25px;
    //overflow: hidden;
    //overflow-y: scroll;
    background-color: whitesmoke;
    /* background-color: lightskyblue; */
}
#teamDiscussionFeedDiv{
    //height: 800px;
    /* border-top: solid;
    border-top-color: darkslategray;
    border-top-width: 1px; */
    padding-top:25px;
    //overflow: hidden;
    //overflow-y: scroll;
    background-color: whitesmoke;
    /* background-color: lightskyblue; */
}
#teamDiscussionFeedPostDiv > button{
    background-color: goldenrod;
    color: black;
    border-color: black;
}


#homeFeedDiv{
    /* border-top: solid;
    border-top-color: darkslategray; */
    /* border-top-width: 1px; */
    padding-top:25px;
    background-color: whitesmoke;
    /* background-color: lightskyblue; */
   
}

#filmFeedDiv{
    /* border-top: solid; */
    /* border-top-color: darkslategray; */
    /* border-top-width: 1px; */
    /* padding-top:25px; */
    background-color: white;
    /* clear: both; */
    border: 1px solid goldenrod;
    border-radius: 15px;
    padding: 15px;
   display: flex;
   margin-bottom: 20px;
    
}

#sharedFilmFeedDiv{
    /* border-top: solid; */
    /* border-top-color: darkslategray; */
    /* border-top-width: 1px; */
    /* padding-top:25px; */
    background-color: white;
    /* clear: both; */
    border: 1px solid goldenrod;
    border-radius: 15px;
    padding: 15px;
   display: flex;
   margin-bottom: 20px;
   text-align: center;
    
}


#filmComment{
    border-bottom: goldenrod 1px solid;
    font-size: 14px;
}
#filmComment > a{
    /* font-size: 10px; */
}

#profileFeedPost{
    
    background-color: whitesmoke;
    padding-left:100px;
}

#profileFeedPostDiv{
    
    background-color: white;
    
    clear: both;
}

#homeProfileImage{
    height: 90%;
    margin-left: auto;
    margin-right: auto;
}


#homeProfileImageDiv{
    width: 43%;
    margin:1px;
    margin-left: 20px;
    float: left;
    padding:10px;
    margin-top: 10px;
    height: 250px;
    overflow: hidden;
    border-color: black;
    border-width: 20px;
    border-radius: 10px;
    text-align: center;
    
   
}
#homeProfileImageStatsDiv{
    width: 49%;
    margin:10px;
    float: right;
    /* padding:20px; */
    padding-right: 10px;
    margin-top:0px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
}
#homeProfileDiv{
    height: 350px;
}

#homeProfileImageMin{
    width: 100%;
}

#homeProfileImageMinDiv{
    width: 20%;
    margin:1px;
    float: left;
    padding:10px;
    margin-top: 10px;
}
#homeProfileImageStatsMinDiv{
    width: 49%;
    margin:10px;
    float: right;
    padding-right:10px;
    margin-top:0px;
    font-size: 16px;

    
}

#homeAndProfileFeedPost{
    text-align: center;
    background-color:white;
    /* border-bottom-style: solid; */
    border-top-style: solid;
    border-width: 2px;
    border-color: goldenrod;
    border-radius: 30px;
    border-bottom: black 2px solid;
    /* border-radius: 3px; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    /* margin-top: 20px; */
    margin-bottom: 50px;
   padding-top: 10px;
}
#homeAndProfileFeedPostParentImage > img{
    max-width: 100%;
    max-height: 1000px;
}
#homeAndProfileFeedPostImage > img{
    width: 100%;
}



#homeAndProfileFeedPostParent{
    text-align:center;
    background-color:white;
    /* border-style: solid;
    border-width: 1px;
    border-radius: 3px; */
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-top: 2px;
   
}

#headText{
    font-weight: bold;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    clear: both;
}

#homeAndProfileSenderImage{
    /* width: 100px; */
    max-height: 50px;
    border-radius: 50px;
}

#homeAndProfilePostUsers{
    margin-top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    
}
#homeAndProfileFeedPost > button{
    background-color: white;
    color: black;
    border-color: black;
    
}

#homeAndProfileFeedPostImage{
    text-align: center;
    /* background-color:lightgreen; */
    /* background-color:white;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px; */
    /* width: 250px; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* padding: 20px; */
    margin-top: 2px;
}
#homeAndProfileFeedPostVideo{
    text-align: center;
    background-color:lightgreen;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* padding: 20px; */
    margin-top: 2px;
}

#homeAndProfileFeedPostParentImage{
    text-align:center;
    /* background-color:lightgreen; */
    /* border-style: solid;
    border-width: 1px;
    border-radius: 3px; */
    width:100%;
    margin-left: auto;
    margin-right: auto;
    /* padding: 20px; */
   
}
#homeAndProfileFeedPostParentVideo{
    text-align:center;
    /* background-color:lightgreen;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px; */
    max-width:100%;
    max-height:1000px;
    margin-left: auto;
    margin-right: auto;
    /* padding: 20px; */
   
}

#homeAndProfileFeedPostReply{
    text-align: center;
    border-top-style: solid;
    /* border-bottom-style: solid; */
    border-width: 1px;
    border-color: grey;
    /* background-color:white;
    border-bottom-style: solid;
    border-width: 1px;
    border-radius: 3px; */
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-top: 10px;
}
#homeAndProfileFeedPostReply > button{
    /* width: 20px; */
    font-size: 12px;
    background-color: white;
    color: black;
    border-color: black;
}

#homeAndProfileHeadPostImage{
    width: 250px;
}
#homeAndProfilePostImage{
    width: 250px;
}

#filmDiv{
    border-style: solid;
    border-width: .01px;
    border-color: black;
    margin-bottom: 50px;
}



#filmVideoSDescriptionDiv{
    padding: 2px;
}



#homeFeedPost{
    height:50px;
    background-color: whitesmoke;
    padding-left:100px;
}

#notificationsFeedDiv{
    height: 5500px;
    padding-top:5px;
    }
#defenseLineDiv{
    text-align: center;
    margin-bottom:40px;
    margin-left: auto;
    margin-right: auto;
}
#defenseSecondaryDiv{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#defenseTertiaryDiv{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#defenseLinePosistion{
    background-color: whitesmoke;
    width: 13%;
    float: left;
    margin-left: 5px;
    margin-bottom: 100px;
}
#defenseSecondaryPosistion{
    background-color: whitesmoke;
    width: 18%;
    float: left;
    margin-left: 5px;
    margin-bottom: 100px;
}
#defenseTertiaryPosistion{
    background-color: whitesmoke;
    width: 20%;
    float: left;
    margin-left: 5px;
    margin-bottom: 100px;
}
#defenseSecondaryPosistionSpacer{
    background-color: black;
    width: 5px;
    float: left;
    margin-left: 23%;
    margin-bottom: 100px;
}
#defenseTertiaryPosistionSpacer{
    background-color: black;
    width: 5px;
    float: left;
    margin-left: 40%;
    margin-bottom: 100px;
}
#defenseLinePosistionSpacer{
    background-color: black;
    width: 5px;
    float: left;
    margin-bottom: 100px;
}

#defenseDiv{
    text-align: center;
}

#offenseLineDiv{
     text-align: center;
     margin-bottom:40px;
     margin-left: auto;
     margin-right: auto;
 }
 #offenseSecondaryDiv{
     text-align: center;
     margin-left: auto;
     margin-right: auto;
 }
 #offenseTertiaryDiv{
     text-align: center;
     margin-left: auto;
     margin-right: auto;
 }
 #offenseLinePosistion{
     background-color: whitesmoke;
     width: 12%;
     float: left;
     margin-left: 5px;
 }
 #offenseSecondaryPosistion{
     background-color: whitesmoke;
     width: 10%;
     float: left;
     margin-left: 5px;
 }
 #offenseTertiaryPosistion{
     background-color: whitesmoke;
     width: 9%;
     float: left;
     margin-left: 5px;
 }
 #offenseSecondaryPosistionSpacer{
     background-color: black;
     width: 5px;
     float: left;
     margin-left: 34%;
     margin-bottom: 50px;
 }
 #offenseTertiaryPosistionSpacer{
     background-color: black;
     width: 5px;
     float: left;
     margin-left: 45%;
     margin-bottom: 100px;
     
 }
 #offenseLinePosistionSpacer{
     
     background-color: black;
     width: 5px;
     float: left;
     margin-left: 6%;
     margin-bottom: 60px;
 }
 
 #offenseDiv{
     text-align: center;
     margin-top:20px;
 }

 #addButton{
     background-color: blue;
     font-size: 8px;
     color: white;
 }
 #cancelButton{
     
     font-size: 8px;
     color: white;
 }
 #declineButton{
     background-color:red;
     font-size: 8px;
 }
 #removeButton{
     background-color: red;
     font-size: 8px;
     color: white;
 }

#searchForm{
    /* color: goldenrod; */
    text-align: center;
}

#exploreContentImageUserNameDiv{
    text-align: center;
}
#exploreContentImageUserTitleDiv{
    text-align: center;
    height: 50px;
    font-size: 10px;
}
#exploreContentImageUserLocationDiv{
    text-align: center;
    /* height: 50px; */
    font-size: 10px;
}
#exploreContentImageUserStatsDiv{
    padding-left: 5px;
    height: 35%;
    overflow: hidden;
    /* overflow-y: scroll; */
    text-overflow: ellipsis;
    font-size: 10px;
}
#exploreContentImageLeagueNameDiv{
  
    font-size: small;
}
#exploreContentImageLeagueTitleDiv{
  
    font-size: small;
}
#exploreContentImageLeagueLocationDiv{

    font-size: small;
}

#exploreContentImageUserAddDeleteDiv{
    padding-left: 5px;
    /* text-align: center; */
}


#exploreFeedDiv{
    padding: 20px;
}

#exploreContentImageDiv{
    padding-left: 5px;
    height: 140px;
    overflow: hidden;
    text-align: center;
}
#exploreContentImageTeamNameDiv{
    text-align: center;
    font-size: medium;
}
#exploreContentImageTeamDiv{
    text-align: center;
    /* height: 300px; */
    max-width: 80%;
    max-height: 80%;
    overflow-y: hidden;
    margin-left: auto;
    margin-right: auto;
}

#exploreContentImageTeamDivImg{
    width: 60%;
}
#exploreContentImageTeamTitleDiv{
    text-align: center;
    font-size: small;
    /* height: 150px; */
}
#exploreContentImageTeamStatsDiv{
    padding-left: 5px;
    padding-top: 10px;
    height: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
#exploreContentImageGameStatsDiv{
    padding-left: 5px;
    padding-top: 10px;
    height: 50%;
    overflow-x: hidden;
    overflow-y: scroll;
    text-overflow: ellipsis;
    font-size: 14px;
}
#exploreContentImageTeamAddDeleteDiv{
    padding-left: 5px;
    text-align: center;
}

#exploreContentDiv{
    background-color:white;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-style: solid;
    border-color:gray;
    border-radius: 5px;
    border-width: 1px;
    margin-bottom: 4px;
    height: 350px;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
}


#friendContentImageDiv{
    /* padding-left: 5px; */
    height: 200px;
    overflow: hidden;
   
    text-align: center;
}
#friendContentImageUserNameDiv{
    text-align: center;
}
#friendContentImageUserTitleDiv{
    text-align: center;
}
#friendContentImageUserStatsDiv{
    padding-left: 5px;
    height: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
#friendContentImageUserAddDeleteDiv{
    padding-left: 5px;
}

div [id^='friendContentDiv']{
    background-color:white;
    /* margin-left: auto; */
    margin-right: auto;
    padding: 5px;
    border-style: solid;
    border-color:gray;
    border-radius: 5px;
    border-width: 1px;
    margin-bottom: 4px;
    height: 450px;
    /* float: left; */
    margin-top: 30px;
}

#friendFeedDiv{
    padding: 20px;
}

#friendContentImageUserTitleDiv{
    height: 50px;
}

#messageParentVideo{
    
    max-width: 100%;
    max-height: 500px;
}
#messageParentImage > img{
    max-width: 100%;
    max-height: 500px;
}
#messageVideo{
    max-width: 50%;
    max-height: 250px;
}
#messageImage > img{
    max-width: 50%;
    max-height: 250px;
}

#messageHead{
    text-align: center;
    /* border-radius: 3px; */
    padding: 1px;
    background-color: white;
    border-radius: 20px;
    border-bottom: goldenrod 3px solid;
    border-top: black 1px solid;
    margin-top: 10px;
}
#messageHead:hover {
   cursor:pointer;
}

#messageSenderName{
    /* font-size: 12px; */
    color: goldenrod;
}

#messagesSelectedMessageDiv{
    visibility: hidden;
    display: none;
    background-color: white;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

#messagesFriendUserMessageTitle{

    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    margin-top: 2px;
     text-align: left;
    /* background-color: lightblue; */
    border-radius: 3px;
    padding: 5px;
    padding-top: 10px;
    border-top: goldenrod 1px dotted;
    padding-left: 20px;
}

#messagesCurrentUserMessageTitle{
    text-align: right;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    padding-top: 10px;
    border-top: black 1px dotted;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-right: 20px;
}

#messagesForm{
    margin-top: 5px;
    text-align: right;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 45px;

}


#deleteMessage{
    background-color: white;
    color: black;
    border-color: black;
    font-size: 10px;
}

#deleteSentMessage{
    
}

#time{
    font-size: .7em;
}

#galleryContent{
    height: 200px;
    max-width: 500px;
    overflow: hidden;
    margin-bottom: 10px;
    padding:10px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    text-align: center;
   
}

#galleryFeedDiv{
    /* margin-top: 50px; */
    margin-bottom: 100px;
    /* height: 100%; */
    clear: both;
    /* display:flex; */
}
#profileGalleryFeedDiv{
    margin-top: 50px;
    margin-bottom: 100px;
    height: 200px;
    clear: both;
}

#galleryPost > button{
    background-color: white;
    color: black;
    border-color: black;
}
#galleryPost{
    /* float: left; */
    height: 350px;
    overflow: hidden;
    background-color: white;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: goldenrod;
}
#galleryContent > video{
    max-height: 80%;
    max-width: 100%;
}
#galleryContent > img{
    max-height: 80%;
    max-width: 100%;
}
#playbookContentDiv{
    float: left;
    height: 500x;
    overflow: hidden;
    text-align: center;
    /* background-color: lightblue; */
}

video[id^='videoContent']{
    max-height: 500px;
}

#playbookContentFeedPostDiv > button{
    background-color: goldenrod;
    color: black;
    border-color: black;
    
}

#filmPost{
    /* float: left; */
    height: 500x;
    overflow: hidden;
    /* background-color: lightblue; */
    text-align: center;
    /* border:solid 1px goldenrod; */
    border-radius: 10px;
    background-color: white;
    margin-bottom: 10px;
}

#contentFocus{
   text-align: center;
   clear: both;
   /* height: 100%; */
   /* max-height: 550px; */
   clear: both;
   background-color: white;
   border-radius: 10px;
   /* border: black solid 5px; */
   /* margin-bottom: 5px; */
   padding: 2px;
   padding-top: 15px;
    
}
#contentFocus > img{
    /* width: 100% !important; */
    max-width: 100%;
    max-height: 500px !important;;
}
#contentFocus > video{
    /* width: 500px !important; */
    max-height: 500px !important;;
    max-width: 80%;
}

#personnelIndi{
    /* width: 200px; */
    text-align: center;
    height: 300px;
}
#personnelIndiImage{
    height: 100%;
}
#personnelIndiImageDiv{
    height: 50%;
    overflow: hidden;
}

#offenseForm{
    text-align:center;
}
#defenseForm{
    text-align:center;
}
#personnelRetrieveRow{
    margin-top: 20px;
}
#personnelRetrieveDiv{
    margin-top: 20px;
    padding-top: 20px;
}
#createTeamDiv{
    margin-bottom: 60px;
    padding-bottom: 50px;
}
#teamsDiv{
    /* width: 90%; */
    text-align: center;
}
#teamsDiv > a{
    color: goldenrod;
}

#teamDeleteTeamDiv{
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#teamMemberRequestDiv{
    /* padding-bottom: 20px;
    padding-left: 20px; */
    padding-right: 20px;
}

#teamSettingLogoImage{
    width: 200px;
}
#leagueSettingLogoImage{
    width: 200px;
}
#teamPageLogoImage{
    width: 100%;
}
#teamPageLogoImageDiv{
   text-align: center;
   margin-bottom: 20px;
}
#teamPageContent{
    text-align: center;
    /* max-height: 400px; */
    overflow-y:hidden;
}
#teamLogoSettingsDiv{
    text-align: center;
}
#leagueLogoSettingsDiv{
    text-align: center;
}

#teamRemoveMemberBtn{
    background-color: red;
    font-size: 10px;
    border-width: 0px;
}

#teamFilmContent{
    height: 350px;
    max-width: 500px;
    overflow: hidden;
    margin-bottom: 10px;
    padding:10px;
    margin-left: auto;
    margin-right: auto;
}

form[id^='noteForm']{
    display: none;
}
div[id^='shareResponse']{
    text-align: center;
}

div[id^='usersWhoLiked']{
    display: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: whitesmoke;
    border: 1px solid goldenrod;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
div[id^='usersWhoViewed']{
    display: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: whitesmoke;
    border: 1px solid goldenrod;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
#teamPlaybookContent{
    height: 350px;
    max-width: 500px;
    overflow: hidden;
    margin-bottom: 50px;
    padding:10px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: goldenrod; */
    background-color: white;
    border: goldenrod 1px solid;
    border-radius: 5px;
}
#teamPlaybookContent > img{
  height: 50%;
}

button[id^='teamPlayerHideDiv']{
    /* float: right; */
    margin-left: 20px;
   
    
}
div[id^='playerStatDiv']{
    /* background-color: whitesmoke;  */
    width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    padding-bottom: 10px;
    background-color:white;
    margin-bottom: 10px;
    
}

div[id^='teamPlayerGameDiv']{
    
    text-align: right;
    padding: 5px;
    margin-top:50px;
    display: none;
   
}

#teamPlayersStatInputs{
    width: 50px;
}

div[id^='teamPlayersStatDiv']{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    
}

#teamPlayerGameStatPlayerName{
    text-align: center;
}

#teamPlayerGameStatsGameTitle{
    text-align: center;
    background-color: white;
    font-size: 25px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4px;
    border-bottom: goldenrod 4px solid;
    border-top: black 3px solid;
    border-radius: 20px;
    padding: 10px;
    clear: both;
}

#teamPlayerGameStatDiv{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 95px;
    float: left;
    font-size: 12px;
    margin-bottom: 25px;
    height: 95px;
    text-align: center;

}
#teamPlayerGameStatDiv > input{
   margin-bottom: 10px;
   margin-top: auto;

}

#teamPlayerMemberGameStatPhoto{
    /* width: 200px; */
    /* position: relative; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#teamPlayerPersonalStatDiv{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 100px;
    float: left;
    font-size: 12px;
    margin-bottom: 25px;
    height: 70px;
    text-align: center;
}

#teamGameStatDiv{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 100px;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    height: 40px;
    text-align: center;
    height: 60px;
}

#teamStatDiv{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:50px;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    background-color: white;
    padding-top: 20px;
    
}

#teamMemberRetrieveRow{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#teamGameStatsFeedRow{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#gameRetrieveDiv{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#gameRetrieveDiv > p{
    border-bottom: goldenrod 1px dashed;
    padding-bottom: 10px;
}

#teamMemberRequestDiv{
    /* width: 90%; */
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border: goldenrod 1px solid;
}

#notificationFeedResultDiv > p {
    border-radius: 20px;
    text-align: center;
}

#read{
    background-color: white;
}
#unreadMessage{
    border: 1px solid grey;
    /* background-color: lightgrey; */
    
}
#unreadTeamPost{
    border: 1px solid goldenrod;
    background-color: #fad48d87;
}
#unreadLeaguePost{
    border: 1px solid goldenrod;
    background-color: #fad48d87;
}
#unreadNotification{
    border: 1px solid lightblue;
    background-color: white;
}
#readMessage{
    border: 1px solid grey;
}
#readTeamPost{
    border: 1px solid goldenrod;
}
#readLeaguePost{
    border: 1px solid goldenrod;
}
#readNotification{
    border: 1px solid lightblue;
}

p[id^='unread']:hover{
    cursor: pointer;
    background-color:goldenrod;
 }

 button{
     font-size: 14px;
     border-radius: 10px;
     border-width: 0px;
 }

 .btn-success{
    background-color: goldenrod;
    color: black;
    border-color: black;
}
 .btn-primary{
    background-color: goldenrod;
    color: black;
    border-color: black;
}
 .btn-success:hover{
    background-color: #b3840f;
    color: black;
    border-color: black;
}
 .btn-primary:hover{
    background-color: #b3840f;
    color: black;
    border-color: black;
}
 .btn-success:focus{
    background-color: #b3840f;
    color: black;
    border-color: black;
}
 .btn-primary:focus{
    background-color: #b3840f;
    color: black;
    border-color: black;
}

 .btn-success:focus:active{
    background-color: #b3840f;
    color: black;
    border-color: black;
}
 .btn-primary:focus:active{
    background-color: #b3840f;
    color: black;
    border-color: black;
}

#leagueTeamImage{
    max-width: 100%;
    max-height: 50%;
}

#leagueTableDivs{
    /* background-color: white; */
    /* border: 1px solid black; */
}

#leaguePageContent{
    text-align: center;
    background-color: white;
    overflow-x: hidden;
    /* margin-top: 200px; */
}

#teamMemberRequestPhoto{
    max-width: 100%;
    max-height: 100px;
}

#teamPageStaffIamge{
    max-height: 100px;
    /* width: 100%; */
}
/* a{
    color: lightblue;
} */

#profileFeedPostLoadDiv{
    text-align: center;
    background-color: goldenrod;
    color: black;
}

#replyDiv0{
    background-color: goldenrod;
    color: black;
    text-align:center;

    
 }

 #openedCanvasUndoBtn{
     background-color: goldenrod;
     width: 24%;
     max-width: 200px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     margin-bottom: 10px;
 }

 #contentFocusMeta{
     background-color: white;
     overflow: auto;
     border: black 1px solid;
     width: 400px;
     /* clear: both; */
     /* padding: 2px; */
     margin-left: auto;
     margin-right: auto;
     display: none;
     clear: both;
     
 }

 #addMakerHelp{
     width: 500px;
     background-color: white;
     font-size:20px;
     margin-left: auto;
     margin-right: auto;
 }

 .exportBtn{
    background-color: greenyellow;
 }

 #filmAddPlayStartBtn:active {
    background-color: rgba(218, 165, 32, 0.575);
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }

  .button:hover {background-color: #3e8e41}

.button:active {
  background-color: rgba(218, 165, 32, 0.646);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.button {
  background-color: goldenrod;
  
}

.required{
    font-weight: bold;
    color: goldenrod;
}

.greyRow{
    /* background-color:whitesmoke; */
    min-height:50px;
    overflow:hidden;
    border-bottom-width: 2px;
    border-bottom-color: grey;
    border-bottom-style: solid;
    padding: 10px;
}

.timeButton, .timeButton1{
    background-color:goldenrod;
    margin-right:-5px;
    margin-bottom: 20px;
}
.timeButton2{
    background-color:white;
    border: 1px  solid goldenrod;
    /* border-radius: ; */
    margin-right:-5px;
    margin-bottom: 20px;
}

#teamAdminDiv, #leagueAdminDiv, #servicesAdminDiv, #errorsAdminDiv, #usersAdminDiv, #portalsAdminDiv, #teamMemberRequestsAdminDiv {
    display: none;
}


#successMessage {
    display: none;
    padding: 10px;
    background-color: white;
    color: green;
    border-radius: 5px;
    /* position: absolute; */
    /* top: 50%; */
    transform: translateY(-50%);
    animation: fadeInOut 1s ease-in-out;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
  }

  @keyframes fadeInOut {
    0% { opacity: 0; }
    25% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0; }
  }