/* Your app styles here */

.splashLogo {
    margin-bottom: 50px ;
}

#splashText {
  margin-bottom: 50px !important;
  font-size: 16px;
}


.splashButtons {
    width: 260px !important ;
    margin-top: 20px !important ;
    margin-left: auto !important ;
    margin-right: auto !important ;
}

#tourVideoContent {
    padding-top: 40px ;
    display: block ;
    margin-left: auto ;
    margin-right: auto ;
}

.list {
  margin-top: 20px !important;
}

.mainMenu
{
  background: white;
  width: 80% ;
  border-radius: 10px;
  margin-bottom: 15px ;
  margin-left: 10px ;
  height: 60px ;
  color: black ;
  font-weight: bold;
  border-style: solid;
  border-color:  #64d7fe;
}

.mainMenu:hover {
  border-color: #336699 ;
}
#emotionProfileChip {
  padding-right: 10px;
}

#IdentifiedActivities {
  border-color:  darkgoldenrod;
}

#IdentifiedActivities:hover {
  border-color: #336699 ;
}

.block-title {
  font-size: 18px;
  margin-bottom: 0px;
  overflow: visible;
}

.infoBlock {
  width: 100% ;
  
}

.infoButtonMainMenu
{
  padding-top: 10px ;
  float:right ;
  height: 55px ;
  color: darkblue ;
  border-style: solid;
}

.infoButton
{
  margin-top: -10px;
  padding-top: 10px ;
  margin-right: 20px;
  float:right ;
  height: 55px ;
  color: darkblue ;
  border-style: solid;
}

.deleteButton
{
  margin-right: 5px ;
  float:right ;
  height: 55px ;
  color: darkred ;
  border-style: solid;
}
.deleteButton:hover
{
  background-color:darkgray  ;
}

.infoButton:hover
{
  background-color:#336699  ;
}

.infoButtonMainMenu:hover
{
  background-color:#336699  ;
}

.contentScreenInfoButton {
  height: 35px !important ;
  padding-top: 5px !important ;
}


.material-icons.md-24 {font-size: 24px;}
.material-icons.md-36 { font-size: 36px; }

.sheet-modal {
  height: 60% ;
}

.sheet-modal-inner {
  background-color:#336699  ;
  color: white ;
  font-size: 16px ;
}

.emotion-label {
  width:100px !important;
  padding: 5px;
  background: #64d7fe;
  border-radius: 5px;
  color: white !important;
  font-weight: bold !important;
}

.emotion-label-activity-complete{
  width:220px !important;
  margin-left: 10px;
  margin-top: 20px;
  padding: 5px;
  background: #64d7fe;
  border-radius: 5px;
  color: white !important;
  font-weight: bold !important;
}

.emotion-calendar-picker {
  width:200px !important;
}

.emotion-toggle {
  position: absolute;
  left: 160px;
}


#choose-activity-selection-textbox {
  display: block  ;
}

.bottomSpacer {
  display: block;
  margin-bottom: 100px;
}

.smallTopSpacer {
  display: block;
  margin-bottom: 20px;
}



.activities-info-block {
  width:100%;
}

.activities-text {
  padding: 15px;
  font-size: 15px;
  padding-top: 5px;
}
.activities-count {
  padding-left: 15px;
}

#activities-link {
  width: 100%;
  color: black;
  padding: 10px;
  padding-bottom: 2px;
}

#activities-link:hover {
background-color: lightblue;

}

.breakdown-activities-text {
  font-size: 15px;
  padding-top: 5px;
}

#breakdownActivityListing {
  font-size: 16px !important;
}

#about-app-card {
  width:200px!important;
  margin-top:50px;
  display: block;
  padding: 15px;
  font-size: 16px;
}

#about-app-link {
  color: blue;
  float: right;
  margin-right: 65px;
}
#about-app-icon {
  color: darkblue !important ;
}
#about-app-card:hover {
  border-style: solid;
  color: #336699;
}

#identify-act-block-title {
  margin-top: 10px !important;
}

#activity-completed-feedback {
  display:none;
  padding: 10px;
}

#activity-not-completed-feedback {
  display:none;
  padding: 10px;
}

#stored-unplanned-activities {
  display:none;
}

.list-content-block {
  padding: 15px;
}

#activity-completed-check {
  display: block;
  float: right;
  margin-right: 30px;
  color: green;
}

#activity-completed-cross {
  display: block;
  float: right;
  margin-right: 30px;
  color: darkred;
}

#activity-completed-partial {
  display: block;
  float: right;
  margin-right: 30px;
  color: darkblue;
}

.welcome-block {
  margin-top: 20px !important;
}

.welcome-img-block {
  display: block ;
  margin-left: auto ;
  margin-right: auto ;
}

.welcome-img {
  max-width: 100%;
  height: auto;
}

.welcome-block-text {
  font-size: 14.5px;
}

.splashButtons-welcome {
  margin-top: 20px;
  width:120px !important ;
  float: left;
  margin-right: auto;
  margin-left: auto;

}

.welcome-block-positive-text {
  color:  green;
  font-weight: bold;
}

.sheet-modal-inner {
  overflow: auto !important;
  color: white !important;
}

#progressCompletedBlock {
  padding-left:  20px;
  padding-right: 20px;
  font-size: 15px !important;
  max-width: 600px !important;
}

#progressChart {
  margin-top: 15px !important;
}