@CHARSET "UTF-8";

#addActivities .save.inprogress {
	background: #8eb0bf;
}

#addActivities .addInput .leftHalf.image {
	background-image: url('/habits/habit1/images/image1.jpg');
}

#addActivities.addPopup .leftHalf .overlayImage {
	background-color: #ff8600;
}

#addActivities.addPopup .leftHalf.image {
	background-position: 50%;
}

#addActivities.addPopup .input-field input {
	width: calc(100% - 70px);
	height: 40px;
	border-bottom: 1px solid #9e9e9e;
	color: #9e9e9e;
}

#addActivities.addPopup .dificulty {
	margin: 24px 0 32px;
}

#addActivities.addPopup .dificulty label {
	margin-bottom: 10px;
	display: block;
}

#addActivities.addPopup .addContent {
	padding: 32px 32px 70px 32px;
}

#addActivities.addPopup #notes {
	padding-top: 16px;
}

#addActivities.addPopup .addContent label[for="duration"] {
	top: -45px;
}

#addActivities .addDetails {
	position: absolute;
	bottom: 30px;
	left: 20px;
	color: #009fe3;
	cursor: pointer;
}

#addActivities .extraFields {
	display: none;
}

#addActivities .dropdown-content {
	display: none;
}

#addActivities ul.dropdown-content {
	max-height: 500px;
}

#addActivities .dropdown-content li>span {
	    padding: 0.5rem 0.8rem;
}

#addActivities.addPopup .result {
	text-align: left;
}

#addActivities .result .content {
	padding: 60px 16px 110px;
}

#addActivities .result .activityType {
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 8px;
	font-weight: 500;
}

#addActivities .result .activityData {
	font-size: 1.125em;
	font-weight: 300;
}

#addActivities .result .activityData li {
	line-height: 24px;
}

#addActivities .result .activityData li span {
	font-weight: 400;
}

#addActivities .input-field label {
	color: #9e9e9e;
}

#addActivities #feedback .leftHalf.image {
	background-image: url('/habits/habit1/images/image1.jpg');
}

#addActivities .feeling {
	float: right;
	height: 51px;
	width: 51px;
	padding-left: 20px;
}

#addActivities .feeling.happy {
	background: url("../../../images/programs/strength/yellow_happy.svg") no-repeat center center;
}

.no-svg #addActivities .feeling.happy {
	background: url("../../../images/programs/strength/yellow_happy.png") no-repeat center center;
}

#addActivities .feeling.unhappy {
	background: url("../../../images/programs/strength/yellow_unhappy.svg") no-repeat center center;
}

.no-svg #addActivities .feeling.unhappy {
	background: url("../../../images/programs/strength/yellow_unhappy.png") no-repeat center center;
}

#addActivities .feeling.satisfied {
	background: url("../../../images/programs/strength/yellow_satisfied.svg") no-repeat center center;
}

.no-svg #addActivities .feeling.satisfied {
	background: url("../../../images/programs/strength/yellow_satisfied.png") no-repeat center center;
}

/* Duration picker */
.durationPicker {
	width: 200px;
	margin: 55px 0 20px 0;
}

.durationPicker li {
	display: inline;
	margin-right: 10px;
}

.durationPicker li label.duration-unit {
	font-size: 0.875em;
	top: -20px;
}

.durationPicker li.second label.duration-unit {
	left: 62px;
}

.durationPicker li.third label.duration-unit {
	left: 124px;
}

.durationPicker select {
	display: inline-block;
	width: 39px;
	height: 31px;
	outline: none;
}

.durationPicker li:last-of-type {
	margin-right: 0;
}