#competency-dictionary h3 {
	border-bottom: 2px solid #184a8b;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}

.showable {
	display: none;
}

.showable.active {
	display: block !important;
}

.table tr th {
	color: #fff;
	text-align: center;
	background-color: #184a8b;
}

.table tr th.alt {
	color: #fff;
	background-color: #092f5b;
}

.table tr td, .table tr th {
	border: 1px solid #1b6a5b;
}

.light-grey-bg {
	background-color: #f0f0f0 !important;
}

.vertical-middle {
	vertical-align: middle !important;
}

.sidc-title {
	border-bottom: 2px solid #184a8b;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}

.competency-model-circle {
}

.competency-model-circle h3 {
	font-size: 16px;
	line-height: 1;
}

.competency-model-circle h4 {
	font-size: 13px;
	line-height: 1;
}

.circle-bg > h3 {
	position: absolute;
}

.behavioural-circle h3, .circle-wrapper h3 {
    color: #fff;
    margin: 0;
    position: absolute !important;
    top: 20px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.circle-bg:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.core-circle {
	width: 35%;
    max-width: 210px;
    height: auto;
    border-radius: 50%;
    background: #004890;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: hidden;
}

.foundational-circle {
	width: 56.666667%;
    max-width: 340px;
    height: auto;
    border-radius: 50%;
    background: #007abf;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.functional-circle {
    width: 78.333333%;
    max-width: 470px;
    height: auto;
    border-radius: 50%;
    background: url('../images/functional-bg.jpg') no-repeat;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.behavioural-circle {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 50%;
    margin: 0 auto;
    background: #dbd9d9;
    cursor: pointer;
    position: relative;
}

.circle-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.core-circle .circle-wrapper {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.core-circle img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.left-text {
    color: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-15%,-50%) rotate(-90deg);
    -ms-transform: translate(-15%,-50%) rotate(-90deg);
    -o-transform: translate(-15%,-50%) rotate(-90deg);
    transform: translate(-15%,-50%) rotate(-90deg);
}

.right-text {
    color: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0,-50%) rotate(90deg);
    -ms-transform: translate(0,-50%) rotate(90deg);
    -o-transform: translate(0,-50%) rotate(90deg);
    transform: translate(0,-50%) rotate(90deg);
}

.competency-model-desc .model-desc {
	display: none;
}

.competency-model-desc .model-desc.active {
	display: block;
}

@media (min-width:768px) {
	.competency-model-circle h3 {
		font-size: 18px;
	}

	.competency-model-circle h4 {
		font-size: 18px;
	}
}

@media (min-width:992px) {



}

@media (min-width:1200px) {
	.competency-model-circle h3 {
		font-size: 24px;
	}
}

.competency-section .competency-header h4 {
	color: #333;
    line-height: 1;
    font-weight: bold;
    font-size: 0.875rem;
    text-align: center;
    margin: 0;
    padding: 10px 15px;
    position: relative;
}

.competency-section .competency-header.core h4 {
    background-color: #004890;
    color: #fff;
}

.competency-section .competency-header.functional h4 {
    background-color: #01a8ec;
    color: #fff;
}

.competency-section .competency-header.foundational h4 {
    background-color: #007abf;
    color: #fff;
}

.competency-section .competency-header.behavioural h4 {
    background-color: #dbd9d9;
    color: #fff;
}

.competency-section table.table {
	background-color: #fcfcfc;
	margin-bottom: 0;
}

.competency-section table tr td {
	border: 1px dashed #184a8b;
}

.competency-section tr td:first-child {
	border-left: 0;
}

.competency-section tr td:last-child {
	border-right: 0;
}

.competency-section tr:first-child td {
	border-top: 0;
}

.competency-section tr:last-child td {
	border-bottom: 0;
}

.competency-section table tr td:last-child {
    text-align: center;
    width: 40px;
    border-left: 1px solid #ddd;
    padding-left: 5px;
    padding-right: 5px;
}

.competency-section tr.title td {
	color: #333;
	text-align: left;
	border-bottom: 1px solid #184a8b;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.competency-section td {
	padding: 8px 25px;
}

.competency-section .competency-cat h4 {
    color: #999;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    background: #fcfcfc;
    border-top: 1px solid #184a8b;
    border-bottom: 1px solid #184a8b;
    margin: 0;
    padding: 10px 15px;
}

.competency-desc-wrapper {
	border: 1px solid #ccc;
}

.competency-desc-header {
	color: #fff;
    padding-top: 18px;
    padding-bottom: 18px;
    background: #002e5c;
}

.competency-desc-header b, .competency-desc-header h3 {
	display: block;
	font-size: 1rem;
	line-height: 1;
    margin: 0;
}

.competency-col {
	padding-left: 0;
	padding-right: 1px;
}

.competency-col:last-child {
	padding-right: 0;
}

.competency-col .col-bg {
    background: #f0f0f0;
    position: relative;
}

.competency-col .competency-degree h5 {
    color: #fff;
    font-weight: 700;
    font-size: .9rem;
    text-align: center;
    text-transform: uppercase;
    background: #1a9d06;
    margin: 0;
    padding: 12px 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.competency-col .competency-level {
	color: #fff;
	text-align: center;
	height: 76px;
    background: url('../images/competency-lvl-bg-compressor.png') no-repeat center bottom;
    background-size: cover;
    padding: 13px 0 25px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.competency-col .competency-feature {
    padding: 15px 20px 30px;
    border-bottom: 1px solid #fff;
    height: 150px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.competency-level h4 {
	font-size: 2.25rem;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	position: relative;
}

.i-tips {
    position: absolute;
    right: 10px;
    top: 50%;
    width: auto!important;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.competency-level h4 .i-tips {
	top: 15%;
    right: 5px;
}

.competency-col.selected {
    top: -32px;
}

.competency-col.selected .col-bg {
    background: #fff;
    z-index: 99;
    -webkit-box-shadow: 0 3px 20px 5px rgba(0,0,0,.2);
    box-shadow: 0 3px 20px 5px rgba(0,0,0,.2);
}

.competency-col.selected .competency-degree h5 {
    background: #004084;
}

.competency-col.selected .competency-level {
    background-image: url('../images/competency-lvl-hover-bg-compressor.png');
    padding: 25px 0;
    height: 108px;
}

.competency-col.selected .competency-feature {
    height: 160px;
}

table.table-frrm tr td {
	color: #333;
	background: #fff;
	border: 1px solid #83d7f9;
	padding: 15px;
	vertical-align: middle;
}

table.table-frrm .primary-bg {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
	background: #092f5b;
}

table.table-frrm .vertical-td {
    height: 160px;
    padding: 15px 0;
}

.table-frrm .secondary-bg {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
	background: #114b8c;
}

.table-frrm .light-grey-bg {
	background-color: #f0f0f0 !important;
}

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: block;
    white-space: nowrap;
}