@use "../../../010-settings/" as *;

/* Services/Skill */

div.ilSkill {
	background: $il-main-dark-bg;
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 10px;
}

div.ilSkill > h3 {
	margin: 10px 0;
	padding: 0;
	font-size: $il-font-size-large;
	float: left;
}

div.ilSkill > h4 {
	margin: 10px 0;
	padding: 0;
	font-size: $il-font-size-base;
	color: $il-text-light-color;
	float: left;
	clear: left;
}

table.ilSkill, td.ilSkill, th.ilSkill {
	border: 1px solid $il-main-border-color;
}

div.ilSkillActions {
	margin-top: -5px;
	margin-right: 15px;
	float: right;
}

div.ilSkill .ilSkillActions {
	margin-right: 0px;
}

table.ilSkill {
	margin-bottom: 5px;
	margin-left: 50px;
	background-color: white;
	border-collapse: collapse;
	clear: both;
}

td.ilSkill, th.ilSkill {
	font-size: $il-font-size-xsmall;
	padding: 4px;
	min-width: 50px;
}

td.ilSkill {
	text-align: center;
	vertical-align: middle;
}

td.ilSkillLevel {
	cursor: pointer;
}

th.ilSkill, td.ilSkillLevel{
	background-color: $il-main-dark-bg;
}

td.ilSkillSelf {
	background-color: #fff0e0;
}

td.ilSkillMat {
	background-color: #f0f0ff;
}

div.ilSkillSuggRes {
	margin-left: 50px;
}

th.ilSkillEntryHead {
	width: 250px;
}

.ilSkillEvalItem {
	border-left: 5px solid;
	margin: 2px 0;
	padding: 10px;

	> .row > div {
		padding-top: 3px;
		padding-bottom: 3px;
	}
}


.ilSkillEvalItem.ilSkillEvalType1 {
	border-color: $il-extended-color-3;
}

.ilSkillEvalItem.ilSkillEvalType2 {
	border-color: $il-extended-color-2;
}

.ilSkillLevelDescription, .ilSkillMaterial, .ilSkillSuggResources {
	padding: 5px 10px 5px 15px;
	> .row > div {
		padding-top: 2px;
		padding-bottom: 2px;
	}
}

.ilSkillResourceList {
	> h5 {
		margin-top:25px;
	}
	> div {
		padding: 5px 10px 5px 15px;
		> .row > div {
			padding-top: 2px;
			padding-bottom: 2px;
		}
	}
}



.ilSkillEvalItem.ilSkillEvalType3 {
	border-color: darken($il-secondary-color, 10%);
}

.ilSkillEvalItem > .row > .ilSkillEvalType1 {
	color: $il-extended-color-3;
}

.ilSkillEvalItem > .row > .ilSkillEvalType2 {
	color: $il-extended-color-2;
}

.ilSkillEvalItem > .row > .ilSkillEvalType3 {
	color: darken($il-secondary-color, 10%);
}

.ilSkillFilter .ilToolbar select.form-control {
	display: block;
}

.ilSkillCategoryDescription {
	margin: 0px 5px;
	padding-bottom: 15px;
}

.ilSkillEntriesHeader {
	padding: 10px 0px 5px;
	> .ilSkillEntriesHeaderByline {
		font-size: .8em;
		color: #808080;
	}
}

.ilSkillEntriesAllButton, .ilSkillEntriesOnlyLatestButton {
	padding: 5px 5px 5px;
}