.web-page-settings {
	align-items    : flex-start;
	display        : flex;
	flex-direction : column;
	flex-grow      : 1;
	padding        : 1.9rem 1rem;
}

.settings-label {
	align-items   : center;
	display       : flex;
	font-size     : 1.1rem;
	margin-bottom : 1rem;
	width         : 100%;
}

.settings-value-container {
	border-bottom : 1px dotted #0033cc;
	cursor        : pointer;
	display       : inline-block;
}

.settings-value {
	border-radius : 5px;
	display       : inline-block;
	min-height    : 20px;
	min-width     : 30px;
	padding       : 0.5rem;
}

.settings-value-container:hover .settings-value {
	background : #f8f8f8;
}

.settings-value-container:hover .view-lesson-color {
	filter : blur(1px);
}

.settings-value-container .view-lesson-color {
	margin : 0.2rem;
}

.settings-label .label-text {
	align-items  : center;
	align-self   : flex-start;
	background   : linear-gradient(to right,#f0f0f0,#efefff);
	border       : 1px solid #e9e9e9;
	color        : #222;
	display      : inline-flex;
	margin-right : 1rem;
	min-width    : 200px;
	padding      : 0.5rem;
	width        : 200px;
}

.settings-label .label-text.settings-popup-active {
	border        : 1px solid #0e336c;
	border-radius : 4px;
}

.settings-title {
	flex-grow : 1;
}

.settings-label .swiftbox {
	flex-grow : 1;
	width     : 0px !important;
}

.child-settings-option {
	opacity    : 1;
	transition : all 0.4s;
	transform  : translate(0,0);
}

.settings-label.web-page-invisible .web-page-help-img {
	display : none;
}

.webpage-color-picker {
	cursor : pointer;
}