/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico-pdf svg {
	width: 20px; 
	height: 26px; 
}

.ico-print svg {
	width: 26px; 
	height: 26px; 
}

/* ------------------------------------------------------------ *\
	List Checks 
\* ------------------------------------------------------------ */

.list-checks label {
	transition: color .2s;
}

.list-checks label span {
	display: inline-block; 
	vertical-align: middle; 
	position: relative; 
	top: -2px; 
	margin-right: 1px; 
}

.list-checks label:hover {
	color: #17acff; 
}

/* ------------------------------------------------------------ *\
	List Actions
\* ------------------------------------------------------------ */

.list-actions {
	font-size: 14px; 
	font-family: 'Poppins', sans-serif; 
}

.list-actions a {
	display: flex; 
	align-items: center;
	text-decoration: none; 
	transition: color .2s;
}

.list-actions a:hover {
	color: #17acff; 
}

.list-actions li + li {
	margin-top: 10px; 
}

.list-actions li em {
	color: #17acff; 
	display: inline-block; 
	font-size: 0; 
	line-height: 0; 
	min-width: 33px; 
}

@media (max-width: 1023px) {
	.list-actions {
		display: flex; 
		justify-content: flex-end;
		align-items: center;
	}

	.list-actions li + li {
		margin: 0 0 0 20px; 
	}
}

/* ------------------------------------------------------------ *\
	Form Filters
\* ------------------------------------------------------------ */

.form-filters .checks-toggle {
	color: #17acff; 
}

.form-filters .form__group + .form__group {
	padding-top: 38px; 
}

/* ------------------------------------------------------------ *\
	Form Tags
\* ------------------------------------------------------------ */

.form-tags .form__controls {
	border: 4px solid #D0D0D0;
	border-radius: 6px;
	padding: 5px; 
	max-width: 100%; 
}

.form-tags .select {
	display: flex; 
	position: relative; 
}

.form-tags .select em {
	position: absolute; 
	top: 13px; 
	left: 25px; 
	z-index: 1; 
	pointer-events: none;
}

.form-tags .select input {
	padding-right: 10px !important; 
	margin: 17px 0 0 !important; 
	width: 100% !important; 
	max-width: 100% !important; 
}

.form-tags .select input::placeholder {
	font-size: 20px; 
	color: #555; 
}

.form-tags select {
	flex: 1;
}

.form-tags .btn {
	font-size: 18px; 
	font-family: 'Poppins', sans-serif; 
	font-weight: bold; 
	border: none;
	text-transform: none; 
	flex: 0 0 auto;
	min-width: 140px; 
	margin-left: 10px; 
	transition: background-color .2s;
}
.form-tags .btn:hover {
	background-color: #FF7417; 
}

@media (max-width: 767px) {
	.form-tags .form__controls {
		padding: 0; 
		border: none;
	}

	.form-tags .select input {
		margin-top: 12px !important; 
	}

	.form-tags .select input::placeholder {
		font-size: 16px; 
	}

	.form-tags .select {
		display: block; 
	}

	.form-tags .select2 {
		border: 4px solid #D0D0D0;
		border-radius: 6px;
		margin-bottom: 10px; 
	}

	.form-tags .select em {
		display: none; 
	}

	.form-tags .btn {
		font-size: 16px; 
		min-width: 0; 
		width: 100%; 
		margin: 0; 
		padding: 0 10px; 
		height: 40px; 
	}
}

/* ------------------------------------------------------------ *\
	Select2
\* ------------------------------------------------------------ */

.select2.select2-container {
	width: 100% !important; 
	max-width: 100% !important; 
}

.select2-dropdown {
	border: none;
	box-shadow: 0 8px 8px rgba(0,0,0,.15);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #17acff; 
}

.select2-results__options::-webkit-scrollbar {
	width: 12px;
}

.select2-results__options::-webkit-scrollbar-track {
}

.select2-results__options::-webkit-scrollbar-thumb {
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background-color: #979797;
	border-radius: 5px;
}


.select2-results__option {
	padding-left: 32px; 
}

.form-tags .select2-container .select2-selection--multiple {
	min-height: 0 !important; 
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0 0 0 60px !important; 
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	max-width: 100% !important; 
	font-size: 14px; 
	font-family: 'Noto Sans',sans-serif;
	color: #555; 
	background-color: #eee; 
	border-radius: 15px;
	border: none;
	padding: 3px 14px; 
	margin-top: 10px !important; 
	white-space: normal;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-right: 9px !important; 
	color: #555; 
}

@media (max-width: 767px) {
	.select2-container--default .select2-selection--multiple .select2-selection__rendered {
		padding-left: 10px !important; 
	}

	.select2-container--default {
		font-size: 14px; 
	}
}

/* ------------------------------------------------------------ *\
	Courses
\* ------------------------------------------------------------ */

.courses--alt-cols .col {
	min-height: 83px; 
}

.courses--alt-cols + .courses--alt-cols {
	margin-top: 29px; 
}

.courses--alt-cols .col:nth-child(1) {
	flex: 0 0 41%;
	max-width: 41%; 
}

.courses--alt-cols .col:nth-child(2) {
	flex: 1;
	max-width: initial; 
}

.courses--alt-cols .col:nth-child(3) {
	flex: 0 0 204px;
	max-width: 100%; 
	padding-right: 30px; 
}

.courses--alt-cols .col--alt {
	flex: 0 0 100% !important;
	max-width: 100% !important; 
}

.courses--alt-cols .col--alt h4 {
	font-size: 22px; 
}

@media (max-width: 1023px) {
	.courses--alt-cols .col:nth-child(1) {
		flex: 0 0 37%;
		max-width: 37%; 
	}


	.courses--alt-cols .col:nth-child(3) {
		flex: 0 0 auto;
		max-width: 100%; 
		padding-right: 30px; 
	}	
}

@media (max-width: 767px) {
	.courses--alt-cols .col{
		flex: 0 0 100% !important;
		max-width: 100% !important; 
	}
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro-alt--secondary {
	padding: 51px 0 34px; 
}

.intro-alt--secondary h1 + p {
	margin-top: -29px; 
}

@media (max-width: 767px) {
	.intro-alt--secondary {
		padding: 35px 0; 
	}
}

/* ------------------------------------------------------------ *\
	Section Courses
\* ------------------------------------------------------------ */

.section-courses .section__aside {
	padding-top: 60px; 
}

.section-courses .section__content {
	max-width: calc(100vw)
}

.section-courses .section__content-head {
	display: flex; 
	padding-top: 15px; 
	max-width: 100%; 
	overflow: hidden; 
}

.section-courses .section__content-actions {
	flex: 0 0 auto;
	padding-top: 6px; 
	padding-left: 18px; 
	padding-right: 20px; 
}

.section-courses .section__form {
	flex: 1;
	max-width: 100%; 
}

@media (max-width: 1023px) {
	.section-courses .section__content-head {
		display: block; 
	}

	.section-courses .section__content-actions {
		padding: 10px 0 0; 
	}
}