#sat_container {
	font-size: 18px;
	margin: auto;
}
#div_search_form {
	max-width: 500px;
	margin: auto;
}
#sat_container .btn {
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
}

#sat_container .card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

#sat_container .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    /*background-color: #FDF6EB;
    border-bottom: 1px solid #FDF6EB;*/
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 37px;
    color: #000000;
}


.skill-name {
	background: #f1f3f1; 
	padding: 10px; 
	border-radius: 5px; 
	margin-bottom: 15px;
}
.general-skill {
	padding: 10px;
	font-weight: normal;
	float: left;
	margin-right: 10px;
	border-radius: 5px;
	min-width: 100px;
	text-align: left;
	color: #fff;
	width: 100%;
	font-size: 1rem;
}

.general-skill:hover {
	color: #FCC169 !important;
}

.basic {
	background: #68AAF1;
}

.intermediate {
	background: #2185F0;
}

.advanced {
	background: #1463B8;
}

.label-sector {
	color: #0064B8;
	font-weight: bold;
	font-size: 10.5;
}

.label-sub-sector {
	color: #4F9AEF;
}
.label-job-title {
	font-weight: bold;
	font-size: 13.5;
	color: #656565;
}

.general-skill-selected {
	background: #06a70b !important;
}

.general-skill-un-selected {
	background: #8f948f !important;
}



.numbers {
	position: relative;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	border-color: #79f562 !important;
	background: #79f562;
}
.ui-widget.ui-widget-content, .ui-slider .ui-slider-range {
	cursor: pointer;
}


.number {
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	top: 5px;
	z-index: 2;
}
.number-1 {
	left: 19.3%;
}

.number-2 {
	left: 34.3%;
}

.slider-value {
	width: 2em !important;
	height: 1.6em !important;
	top: 50% !important;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}

.skill-row {
	background: #f5f2f2;
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 10px;
}

#sat_container .card-body {
	padding: 65px;
	padding-top: 0px;
	/*background-color: #FDF6EB;*/
}

#sat_container .panel-body {
	padding: 65px;
	padding-top: 10px;		
}

#sat_container .result-card .panel-body {
	padding: 20px;
}
#sat_container .card-body{
	padding: 20px;
}


#sat_container .fa-arrow-down {
	margin-right: 10px !important;
	float: right;
}

.assessment-results .panel-title a, .assessment-results .panel-title {
	font-size: 16px;
}
.assessment-results .panel-title a {
	width: 100%;
	display: block;
	padding: 15px;
	color: #000;
}
.alert-success {
	background: #D7F59B !important;
}
.higher-level .skill-row {
	background: #D7F59B;
}
.assessment-results .alert-danger {
	background-color: #FA89A0;
}
.below-level .skill-row {
	background: #FAAFBE;
}

.assessment-results .alert-additional-skills {
	background-color: #FAE389;
}
.additional-skills-level .skill-row {
	background: #FAEBAF;
}

.assessment-results .alert-info {
	background-color: #9BF5B9;
}

.same-level .skill-row {
	background: #B9F5CD;
}

.result-card {
    border: none !important;
}


.assessment-results .panel-heading {
	border-radius: 5px;
}

.assessment-results .panel {
	margin-bottom: 15px;
}

.assessment-results .count {
	margin-right: 10px;
	background: white;
	height: 30px;
	width: 30px;
	border-radius: 24px;
	float: left;
	font-size: 12px;
	text-align: center;
	padding-top: 6px;
	margin-top: -5px;
}
.section-heading p {
	border-bottom: 2px solid #000;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
@media (max-width: 470px) {
	
}
.btn-success, .btn-info {
	background: #fdac2b !important;
}

.job-row {
	padding: 10px; 
	font-size: 16px; 
	background: #FFE5A4; 
	border-radius: 5px;
	float: left;
	width: 100%;
}

.job-row .job-title {
	font-weight: bold;
	color: #000000;
}

.job-row .sector-name {
	font-weight: bold;
	color: #1464B8;
}

.job-row .sub-sector-name {
	font-weight: bold;
	color: #4E9AF0;
}

.nav-tabs {
		border-bottom: 1px solid #ddd;
}
.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
}
.nav>li {
	position: relative;
	display: block;
}

.nav-tabs .active, .nav-tabs .active:focus, .nav-tabs .active:hover {
	color: #fff;
	cursor: default;
	background-color: #fdac2b;
	border: 1px solid #fdac2b;
	border-bottom-color: transparent;
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.tab-pane {
	min-height: 250px;
}
.tab-content>.tab-pane {
	display: none;
}
.tab-content>.active {
	display: block !important;
}

span.selected-skill {
	background: #d4d4d4;
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}
span.selected-skill a {
	margin-right: 10px;
	color: #d44343;
}
#selected_skills_container {
	margin-top: 20px;
	margin-bottom: 20px;
}

#selected_skills {
	margin-top: 20px;
}

a.job {
	width: 100%;
	float: left;
}
#selected_skill_names {
	margin-bottom: 20px;
}

.circle {
	/* border: 1px solid #1463B8;
	float: left;
	margin-right: 25px;
	text-align: center;
	font-size: 14px; 
	border: 1px solid #1463B8;
    /* float: left; */
    /* margin-right: 25px; 
    text-align: center;
    font-size: 14px;
	color: #1463B8;
	display: inline-block;*/

	border: 1px solid #1463B8;
    text-align: center;
    font-size: 14px;
    color: #1463B8;
    display: inline-block;
    height: 51px;
    width: 51px;
    border-radius: 51px;
    line-height: 49px;

}
.circle:hover, .circle:focus {
	color: #FCC169;
}

.circle-active {
    background: #1463B8;
	color: #fff;
	text-decoration: none;
}

.circle-0 {
    height: 36px;
    width: 36px;
    border-radius: 36px;
    line-height: 34px;
}

.circle-1 {
	height: 39px;
    width: 39px;
    border-radius: 39px;
    line-height: 37px;
}
.circle-2 {
	height: 42px;
    width: 42px;
    border-radius: 42px;
    line-height: 40px;
}
.circle-3 {
	height: 45px;
    width: 45px;
    border-radius: 45px;
    line-height: 43px;
}

.circle-4 {
	height: 48px;
    width: 48px;
    border-radius: 48px;
    line-height: 45px;
}

.circle-5 {
	height: 51px;
    width: 51px;
    border-radius: 51px;
    line-height: 49px;
}

.circle-6 {
	height: 54px;
    width: 54px;
    border-radius: 54px;
    line-height: 52px;
}
.skill-main-description {
	font-style: normal;
	font-weight: normal;
	font-size: 0.9rem;
	color: #636161;
	margin-bottom: 20px;
}
.skill-description {
	color: #000;
}
a.general-skill:hover {
	text-decoration: none;
}

.selected-job {
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.skill-explanation {
	background: #FFFFFF;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 30px !important;
}

.point-text {
	width: 94%;
	float: left;
}
.points .point {
	float: left;
    background: #C1DCF9;
    width: 3%;
    text-align: center;
    margin-right: 3%;
}
.points {
	margin-top: 20px;
}
.points div {
	float: left;
	width: 100%;
}
.points div:nth-child(even) {
	background: rgba(237, 243, 250, 0.5);
}
.points div:nth-child(even) .point {
	background: #C1DCF9;
}

.points div:nth-child(odd) .point {
	background: rgba(237, 243, 250, 0.5);
}

.points .point-0 {
    border-radius: 5px 5px 0px 0;
}

.points .point-6 {
    border-radius: 0px 0px 5px 5px;
}
.info-icon {
	background: url(../img/info-icon.png);
    background-repeat: no-repeat;
    padding: 5px;
    padding-left: 40px;
}

.gsc-skill-name {
	color: #000000;
	font-size: 1.15rem;
}
.result-job-title {
	color: #000000;
}
.result-card-header {
	text-align: left !important;
	color: inherit !important;
}
.result-card-header b {
	color: #000000 !important;
}
.not-ranked {
	background: rgba(234, 76, 63, 0.6);
	border-radius: 5px;
	padding-bottom: 5px;
}

.bottom-button {
	width: 95%;
    height: 178.2px;
	background: #F9A931;
    border-radius: 10px;
    max-width: 30.3% !important;
    margin-right: 3%;
    margin-top: 50px;
}
a.big-button {
	font-style: normal;
	font-weight: bold;
	line-height: 36px;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
	background: #F9A931;
	margin-top: 20px;
	margin-bottom: 50px;
	padding: 20px 30px;
	border-radius: 5px;
	min-width: 220px;
	display: inline-block;
	min-width: 100%;
	max-width: 100%;
}
.buttons-explore-job a.big-button {
    padding-top: 14px;
}

.buttons-dream-job a.big-button {
	height: 100px;
}
.button-dream-job-explore-careers {
	padding-top: 34px !important;
}

.skill-ratings {
	float: left;
    width: 14.28%;
    text-align: center;
}
.skills-0-6 {
	float: left; 
	width: 100%;
}
.points table td, .points th, .points table, .points tr {
    border: 0;
}
tr.bordered {
	border-bottom: 2px solid #C6D1DC;
}

.points td {
	padding: 5px;
	font-size: 14px;
	width: 12%;
}
.descriptors-instructions {
	font-size: inherit !important;
	padding-top: 30px;
}

.points tr:first-child td {
	text-align: center;
	border-radius: 5px 5px 0 0;
}
.points tr:first-child, .points tr:nth-child(2) {
	border-width: 1px;
}
td.bg, tr.bg td {
    background: #D2E7FD;
}

tr.bg td:first-child {
	border-radius: 5px 0 0 5px;
}
tr.table-header td {
	font-weight: bold;
}

.result-card table, .result-card td, .result-card tr {
	border: none;
}

.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}
.modal-backdrop {
	z-index: 1 !important;
}
.dream-job-results .box {
	padding: 0px 15px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.level-value-heading {
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
    margin-bottom: 20px !important;
}
.descriptor-headings {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 3px solid #F9A931;
	padding-bottom: 8px;
}
.skill-info {
	font-size: 14px;
}
.level-heading, #div_dream_job .skill-name {
	font-weight: bold;
}
.skill-info ul, .skill-info li {
	padding: 0;
}
.skill-count {
	background: #F9A931;
    color: #fff;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 5px;
}
.general-skill .level-value {
	color: #fff !important;
}
.general-skill .level-description {
	color: #000 !important;
}

#div_dream_job .general-skill {
	margin-bottom: 30px !important;
}

#div_dream_job .gsc-heading {
	color: #000;
	font-size: 16px;
	float: left;
	width: 100%;
}

#div_dream_job .gsc-description {
	color: #636161;
	font-size: 14px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul.skill-list {
	background: #FCE5A4;
    margin: 0;
    padding: 10px 30px;
    border-radius: 0px 0px 5px 5px;
    font-weight: bold;
    color: #000;
}
ul.dots {
	padding: 10px;
}
.descriptor-row {
	border-bottom: 1px solid #FCE5A4;
	padding: 10px;
}
.skill-info .descriptor-row:last-child {
	border-bottom: 0px;
}
.pr-0 {
	padding-right: 0px;
}
.pl-0 {
	padding-left: 0px;
}
.skill-type-heading {
	text-align: center;
	font-weight: bold;
	color: #000;
	background: #FAEDC8;
	border-radius: 20px 20px 0px 0px;
}

.skill-type-heading.summary {
	background: #313030;
	color: #C4C4C4;
}


.skill-type-heading.gsc {
	background: #DBECFE;
	margin-top: 50px;
}

@media screen and (max-width: 1199px) {
	table.desktop {
		display: block;
	}
	table.mobile {
		display: none;
	}
	.search-job-row {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	.col-md-12 {
		float: left;
		width: 100%;
	}
	.dtHorizontalExampleWrapper {
		max-width: 600px;
		margin: 0 auto;
	}
	#dtHorizontalExample th, td {
		white-space: nowrap;
	}
	.gsc-container {
		margin-bottom: 20px;
		float: left;
		width: 100%;
	}
	/*.technical-skill-descriptors {
		overflow-x: scroll;
	}*/
}
.mobile-table {
	display: none;
}
.box-content {
    padding: 15px 30px !important;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
}
.box-content.summary {
	background: #f8f7f4;
	margin-bottom: 50px;
	border: 1px solid #636161;
}

@media screen and (max-width: 480px) {
	table.desktop {
		display: none;
	}
	.mobile-table {
		display: block;
		width: 100%;
		margin-left: 0%;
	}
	.mobile-table .header {
		font-weight: bold;
	}
	
	.points div:nth-child(even) {
		background: #fff;
	}

	.mobile-table div {
		font-size: 14px;
		background: #fff;
		padding-left: 1%;
		padding-right: 1%;
	}

	.mobile-table.bg, .mobile-table .bg {
		background: #D2E7FD !important;
	}
	.mobile-table div:nth-child(1) {
		text-align: right;
	}
	.mobile-table div:nth-child(2) {
		border: 2px solid #ECEEEF;
		border-top: 0;
		border-bottom: 0px;
	}

	.mobile-table .col-sm-5 {
		width: 42% !important;
	}
	.mobile-table .col-sm-2 {
		width: 15% !important;
	}

	ul.pagination li {
		margin-left: 2px !important;
    	margin-right: 2px !important;
	}
	#sat_container .card-body {
		padding: 20px;
	}
	.circle {
		font-size: 0.8rem;
		height: 33px;
		width: 33px;
		border-radius: 33px;
		line-height: 30px;
		margin-top: -6px;
	}
	.circle-0 {
		height: 18px;
		width: 18px;
		border-radius: 18px;
		line-height: 15px;
	}
	
	.circle-1 {
		height: 21px;
		width: 21px;
		border-radius: 21px;
		line-height: 18px;
		margin-top: -2px;
	}
	.circle-2 {
		height: 24px;
		width: 24px;
		border-radius: 24px;
		line-height: 21px;
		margin-top: -3px;
	}
	.circle-3 {
		height: 27px;
		width: 27px;
		border-radius: 27px;
		line-height: 24px;
		margin-top: -4px;
	}
	
	.circle-4 {
		height: 30px;
		width: 30px;
		border-radius: 30px;
		line-height: 27px;
		margin-top: -5px;
	}
	
	.circle-5 {
		height: 33px;
		width: 33px;
		border-radius: 33px;
		line-height: 30px;
		margin-top: -6px;
	}
	
	.circle-6 {
		height: 36px;
		width: 36px;
		border-radius: 36px;
		line-height: 33px;
		margin-top: -7px;
	}

	.bottom-button:first {
		margin-top: 20px;
	}

	.bottom-button {
		width: 90% !important;
		max-width: 90% !important;
		background: #F9A931;
		border-radius: 10px;
		text-align: center;
		height: auto;
		text-align: center;
		float: left;
		margin-left: 5% !important;
	}

	a.big-button {
		color: #FFFFFF;
		text-align: center;
		float: left;
		width: 100% !important;
		max-width: 100% !important;
		display: block;
		margin-right: 0px !important;
	}
	.skill-explanation { 
		margin-bottom: 30px !important;
	}
}

.pdf .collapse.in, .pdf .collapse {
	display: block !important;
}
.pdf .assessment-results .count {
	border-radius: 0;
	line-height: 30px;
}

ul.pagination li {
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.pagination li a {
    border: 1px solid #FFE5A4;
    padding: 5px 10px;
    min-width: 40px;
    text-align: center;
    border-radius: 5px;
}

ul.pagination li a.active {
	background: #FFE5A4;
}
#modalTSC .modal-dialog {
	margin-top: 120px !important;
}

#modalTSC .modal-lg {
	width: 90%;
}

.bottom-buttons {
	margin-top: 30px;
}

#div_job_skills .card {
	background: none;
    border: none;
}

.job-row {
	float: left;
	width: 100%;
}
.job-row a {
	width: 100%;
	float: left;
}
.job-row span.similar-job-title {
	width: 80%;
	float: left;
}

.job-row span.matching-percentage {
	width: 12%;
    float: right;
    color: #636161;
    font-size: 14px;
    text-align: right;
    padding-top: 17px;
}

.input-row {
	margin-bottom: 15px;
}
.btn-save-user-details {
	min-width: 70px;
	text-align: center;
	display: inline-block !important;
	color: #fff !important;
}
.input-error {
	border: 1px solid #f10707 !important;
}

#modalUserDetails .modal-dialog {
  height: 100vh !important;
  display: flex;
}

#modalUserDetails .modal-content {
  margin: auto !important;
  height: fit-content !important;
}

.courses p {
    color: #000;
    margin-bottom: 5px;
}

.courses {
	margin-top: 10px;
}
.courses a {
	color: #0064B8;
    font-weight: bold;
    font-size: 14px;
}
.courses a.main-link {
	font-size: 16px;
}
.courses ul {
	padding-left: 5px;
	padding-left: 25px;
}

.courses ul li {
	list-style: disc !important;
	list-style-type: disc !important;
}

@media print {
	.pdf .collapse.in, .collapse {
		display: block !important;
	}
	header, img, .liquid-row-overlay, .btn-pdf, .fas, .big-button, .main-footer, footer {
		display: none !important;
	}
	.panel-heading {
		background: #000 !important;
		color: #fff !important;
	}
	.job-title {
		font-weight: normal !important;
	}
	.assessment-results .count {
		background: #000 !important;
    	color: #fff !important;
	}
	.assessment-results .panel-title a {
	    color: #fff !important;
	    font-size: 18px !important;
	}
	.col-md-6, .col-md-3 {
		float: left !important;
	}
	.assessment-results .panel {
	    margin-bottom: 0px !important;
	}
	.panel-title {
		padding: 0px !important;
    	margin: 0px !important;
	}
	.skill-row {
		padding: 5px 10px !important;
    	margin-bottom: 5px !important;
	}
	#content section:first-child {
		display: none !important;
	}

}

/* .smcx-modal-survey {
	z-index: -1 !important;
}

.showSurvey {
	z-index: 10 !important;
} */
.survey-button {
	font-style: normal;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
	background: #9BF5B9;
	padding: 20px 30px;
	border-radius: 5px;
	display: block;
	margin: 20px auto 50px;
}
@media only screen and (max-width: 600px) {
  .survey-button {
	min-width: 100%;
	max-width: 100%;
  }
}