body {
	font-family: 'Open Sans', sans-serif;
}

.navbar-brand-fc {
	font-family: 'Londrina Sketch', cursive;
	line-height: 0;
	font-size: 36px;
}

.card-package {
	cursor: pointer;
}

.card-package .card-package-check {
	line-height: 52px;
	font-size: 32px;
}

.card-package .card-description {
	line-height: 1;
}

.card-body {
	min-height: 150px; 
}

.importance-rating {
  line-height:32px;
  font-size:2.4em;
}

.importance-rating .fas {
	color: yellow;
	cursor: pointer;
}

.importance-rating .far {
	color: #6c757d !important;
	cursor: pointer;
}

.knownledge-rating .btn {
	border-radius: 19px;
	width: 50px;
}

table.dataTable {
  	margin: 0px !important;
}

.dataTables_wrapper {
	padding: 0px;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 9px;
}

.form-group legend {
	font-size: 18px;
}

.card-description {
	margin: 0px;
}

.card-type-text, .card-description {
	white-space: pre-line;
}

/*.select2-selection--multiple .select2-selection__choice {
    background-color: #007bff;
    border-color: #006fe6;
    padding: 1px 10px;
    color: #fff;
}*/

/* Absolute Center Spinner */
.loading {
  	position: fixed;
  	z-index: 999;
 	height: 2em;
  	width: 2em;
  	overflow: show;
 	margin: auto;
 	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
}

/* Transparent Overlay */
.loading:before {
  	content: '';
  	display: block;
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(0,0,0,0.1);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  	font: 0/0 a;
  	color: transparent;
  	text-shadow: none;
  	background-color: transparent;
  	border: 0;
}

.loading:not(:required):after {
  	content: '';
  	display: block;
  	font-size: 10px;
  	width: 1em;
  	height: 1em;
  	margin-top: -0.5em;
  	-webkit-animation: spinner 1500ms infinite linear;
  	-moz-animation: spinner 1500ms infinite linear;
  	-ms-animation: spinner 1500ms infinite linear;
  	-o-animation: spinner 1500ms infinite linear;
  	animation: spinner 1500ms infinite linear;
  	border-radius: 0.5em;
  	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
  	0% {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-ms-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: rotate(0deg);
  	}
  	100% {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-ms-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: rotate(360deg);
  	}
}

@-moz-keyframes spinner {
  	0% {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-ms-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: rotate(0deg);
  	}
  	100% {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-ms-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: rotate(360deg);
  	}
}

@-o-keyframes spinner {
  	0% {
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-ms-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	transform: rotate(0deg);
  	}
  	100% {
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    	-ms-transform: rotate(360deg);
    	-o-transform: rotate(360deg);
    	transform: rotate(360deg);
  	}
}

@keyframes spinner {
  	0% {
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
  	}
  	100% {
	    -webkit-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	    -o-transform: rotate(360deg);
	    transform: rotate(360deg);
  	}
}