@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v10-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
       url('fonts/open-sans-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('fonts/open-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
       url('fonts/open-sans-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v10-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
       url('fonts/open-sans-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v10-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v10-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.text-center {
    text-align: center;
}

svg {
    font-family: 'Open Sans';
    font-size: 8pt;
}

.role-path,
.role-label-path,
.role-label {
    cursor: pointer;
}

#job-role {
    position: absolute;
	left: 570px;
    top: 412px;
    width: 200px;
    height: 600px;
    overflow: auto;
    z-index: 10;
    background: url('images/mo-de-logo.png') no-repeat;
    background-size: contain;
}

    #job-role.active {
        background-image: none;
    }

    #job-role p {
        font-size: 0.85em;
        line-height: 1em;
    }

    #job-role p.title {
        font-weight: bold;
        text-align: center;
        margin-top: 0px;
    }

.col {
    width: 300px;
    overflow: hidden;
    margin: 0px auto 0px;
}

.col a {
    display: block;
    overflow: hidden;
    width: 136px;
    height: 136px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    margin: 0px auto 0px auto;
}

    .col a:hover {
        width: 132px;
        height: 132px;
        text-decoration: none;
        background-color: #2A3139;
        border-width: 4px;
        opacity: 0.9;
    }

    .col a img {
        margin-top: 10px;
    }

    .col.sign-up a {
        color: #73bfd6;
        border-color: #73bfd6;
    }

    .col.complete-assessments a {
        color: #b5d065;
        border-color: #b5d065;
    }

    .col.development-plans a {
        color: #fe6466;
        border-color: #fe6466;
    }

    .col.consolidate-capability a {
        color: #9edae2;
        border-color: #9edae2;
    }

    .col.mentorship a {
        color: #e0c759;
        border-color: #e0c759;
    }

    .col .points {
        display: none;
        text-align: center;
        font-size: 0.75em;
        padding: 0.5em 0;
        border-radius: 6px;
    }

    .col.expanded .points {
        display: block;
    }

        .col.sign-up .points {
            background-color: #73bfd6;
        }

        .col.complete-assessments .points {
            background-color: #b5d065;
        }

        .col.development-plans .points {
            background-color: #fe6466;
        }

        .col.consolidate-capability .points {
            background-color: #9edae2;
        }

        .col.mentorship .points {
            background-color: #e0c759;
        }


.col-arrow {
    width: 32px;
    height: 32px;
    background: url('images/arrow-down.png') no-repeat 0px 0px;
    margin: 0px auto 0px auto;
}


.career-compass {
    border-spacing: 4px 0px;
    margin-bottom: 2em;
}

.career-compass th,
.career-compass td {
    font-size: 0.75em;
    text-align: center;
}

    .career-compass .career td {
        color: #ffffff;
        padding: 1em;
    }

        tr.career td.field-sales {
            background-color: #ffa83c;
        }

        tr.career td.sales-operations {
            background-color: #53d0c0;
        }

        tr.career td.dist-rtm-mgt {
            background-color: #62a9f9;
        }

        tr.career td.commercial-capability {
            background-color: #354052;
        }

        tr.career td.trade-customer-marketing {
            background-color: #929292;
        }

        tr.career td.key-account-channel-mgt {
            background-color: #f76767;
        }

        tr.career td.commercial-director {
            background-color: #2885cc;
        }

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;	
	border-top: 20px solid;
    margin: -1px auto 0px auto;
}

td.field-sales .arrow-down {
	border-top-color: #ffa83c;
}

td.sales-operations .arrow-down {
    border-top-color: #53d0c0;
}

td.dist-rtm-mgt .arrow-down {
    border-top-color: #62a9f9;
}

td.commercial-capability .arrow-down {
    border-top-color: #354052;
}

td.trade-customer-marketing .arrow-down {
    border-top-color: #929292;
}

td.key-account-channel-mgt .arrow-down {
    border-top-color: #f76767;
}


.career-compass2 {
    border-spacing: 0px 4px;
    margin-bottom: 2em;
}

    .career-compass2 th,
    .career-compass2 td {
        font-size: 0.75em;
        text-align: center;
    }

        .career-compass2 td.career {
            color: #ffffff;
            padding: 1em 0.5em;
        }


    .career-compass2 tr.field-sales td.career {
        background-color: #ffa83c;
    }

    .career-compass2 tr.sales-operations td.career {
        background-color: #53d0c0;
    }

    .career-compass2 tr.dist-rtm-mgt td.career {
        background-color: #62a9f9;
    }

    .career-compass2 tr.commercial-capability td.career {
        background-color: #354052;
    }

    .career-compass2 tr.trade-customer-marketing td.career {
        background-color: #929292;
    }

    .career-compass2 tr.key-account-channel-mgt td.career {
        background-color: #f76767;
    }

    td.sales-commercial-director {
        color: #ffffff;
        background-color: #2885cc;
        padding: 1em 0.5em;
    }

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
	border-left: 20px solid;
    margin-left: -1px;
}

    .career-compass2 tr.field-sales .arrow-right {
        border-left-color: #ffa83c;
    }

    .career-compass2 tr.sales-operations .arrow-right {
        border-left-color: #53d0c0;
    }

    .career-compass2 tr.dist-rtm-mgt .arrow-right {
        border-left-color: #62a9f9;
    }

    .career-compass2 tr.commercial-capability .arrow-right {
        border-left-color: #354052;
    }

    .career-compass2 tr.trade-customer-marketing .arrow-right {
        border-left-color: #929292;
    }

    .career-compass2 tr.key-account-channel-mgt .arrow-right {
        border-left-color: #f76767;
    }

.career-compass2.career-compass3 td.career {
    padding: 0.75em 0.25em;
}

.career-compass2.career-compass3 td.sales-commercial-director {
    padding: 0.75em 0.25em;
}

    .career-compass2.career-compass3 td.sales-commercial-director div {
        float: left;
        transform: rotate(90deg);
	    transform-origin: initial initial;
    }

.career-compass2.career-compass3 th {
    color: #ffffff;
}

    .career-compass2.career-compass3 tr.field-sales th {
        color: #ffa83c;
    }

    .career-compass2.career-compass3 tr.sales-operations th {
        color: #53d0c0;
    }

    .career-compass2.career-compass3 tr.dist-rtm-mgt th {
        color: #62a9f9;
    }

    .career-compass2.career-compass3 tr.commercial-capability th {
        color: #354052;
    }

    .career-compass2.career-compass3 tr.trade-customer-marketing th {
        color: #929292;
    }

    .career-compass2.career-compass3 tr.key-account-channel-mgt th {
        color: #f76767;
    }



th a.overall-link {
    float: right;
    margin-right: 1em;
}

i.glyphicon.plus,
th a.overall-link i.glyphicon {
    line-height: 1.45;
    color: #8ebf21;
}

i.glyphicon.plus:before,
th a.overall-link i.glyphicon:before {
    content: "\2b";
}

th.expanded a.overall-link i.glyphicon:before {
    content: "\2212";
}


td a.response-link {
    float: right;
    margin-right: 1.5em;
}

td a.response-link i.glyphicon {
    line-height: 1.45;
    color: #8ebf21;
}

td a.response-link i.glyphicon:before {
    content: "\2b";
}

td.expanded a.response-link i.glyphicon:before {
    content: "\2212";
}

td.expanded a.overall-link i.glyphicon:before {
    content: "\2212";
}


button {
    padding: 2px 6px 3px;
    cursor: pointer;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

a.link-button:hover {
    text-decoration: none;
}

body, ul, br, p {
	/*font: 100%/1.5 'Gill Sans', 'Droid Sans', 'Calibri', 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', 'Arial', sans-serif;*/
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 0; 
	padding: 0;
	border: 0;
}

header,
section,
footer {
    display: block;
    clear: both;
}

section,
footer {
    padding: 0px 1em 0px 1em;
}

footer {
    overflow: hidden;
    color: #f47525;
    background-color: #000000;/*#c8c8c8;*/
}

    footer a {
        color: #00aeef;
    }

        footer a:hover {
            color: ##f47525;
            text-decoration: underline;
        }

    footer .social-networking {
        width: 164px;
        overflow: hidden;
        margin: 1em auto 0px auto;
    }

    footer .social-networking a {
        display: block;
        float: left;
        width: 48px;
        height: 48px;
        background: url('images/social-networking-icons.png') no-repeat 0px 0px;
        margin-right: 10px;
    }

        footer .social-networking a.facebook {
        }

        footer .social-networking a.twitter {
            background-position: -48px 0px;
        }

        footer .social-networking a.linkedin {
            background-position: -96px 0px;
            margin-right: 0px;
        }

        footer .social-networking a:hover {
            text-decoration: none;
        }


    footer .copyright {
        min-height: 100px;
        text-align: center;
        background: url('images/viking-consult-logo-small.png') no-repeat 50% 2em;
    }

.main-nav {
    float: right; /*20-10-2015*/
    display: block;
    overflow: hidden;
    min-height: 50px;
}

    .main-nav button {
        /*
        position: absolute;
        top: 0px;
        right: 16px;
        min-width: initial;
        font-size: 26px;
        line-height: 26px;
        color: #d4d5d7;
        background: 0 0;
        padding: 16px 0 10px 32px;
        border: none;
        -webkit-appearance: none;
        margin: 0;
        outline: 0;
        */
        position: absolute;
        top: 0px;
        right: 4px;
        min-width: initial;
        font-size: 1.5em;
        line-height: 26px;
        color: #d4d5d7;
        background: 0 0;
        padding: 8px 10px 8px 10px;
        border: none;
        -webkit-appearance: none;
        margin: 4px 0px 0px 0px;
        outline: 0;
        background-color: rgba(0,0,0,0.15);
    }

    .main-nav ul {
        position: absolute;
        top: 50px;
        right: 0px;
        display: none;
        list-style: none;
        background-color: #efefef;
        border-top: 1px solid #d4d5d7;
        border-left: 1px solid #d4d5d7;
        border-right: 1px solid #d4d5d7;
        padding: 0px;
        margin: 0px;
        z-index: 11;
    }

        .main-nav ul li {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

            .main-nav ul li a {
                display: block;
                color: #636363;
                text-decoration: none;
                padding: 0.5em 2em 0.5em 2em;
                border-bottom: 1px solid #d4d5d7;
            }

                .main-nav ul li a:hover {
                    color: #00AEEF; /*#fe0909;*/
                    text-decoration: underline;
                }

            .main-nav ul li a.active {
                color: #86c43f;
                font-weight: bold;
            }

h1 {
    /*font-family: Roboto, "Roboto", Helvetica, Arial, sans-serif;*/
    font-size: 2em;
    font-weight: 300;
    color: #4d4d4d;
    margin: 0.5em 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 300;
}

    h1 strong,
    h2 strong {
        font-weight: 400;
    }

form {
    margin-bottom: 1.5em;
}

label {
    display: block;
    font-size: 1.1em;
    color: #999999;
    margin: 1em 0px 0px 0px;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="datetime"],
textarea,
select {
    display: block;
    width: 20em;
    max-width: 90%;
    font-family: Arial, sans-serif;
    font-size: 1.1em;
    color: #666666;
    padding: 4px 8px 4px 8px;
    border: 1px solid #cacaca;
    border-radius: 6px;
    margin: 0.25em 0px 0.75em 0px;
}

select {
    width: 21em;
}

textarea {
    height: 5em;
}

input[type="button"],
input[type="submit"],
button,
a.link-button {
    min-width: 5em;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    color: #009fe3;
    background: none;
    padding: 0.5em 1em;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}

    input[type="button"]:hover,
    button:hover,
    a.link-button:hover {
        border-color: #009fe3;
    }

input[type="submit"],
button[type="submit"] {
    color: #8ebf21;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    border-color: #8ebf21;
}

a.link-button {
    white-space: nowrap;
}

.choice label {
    display: block;
    margin: 0.5em 0px 0.5em 0px;
}

.choice label input {
    margin: 0px 0.5em 0px 0px;
}

.validation-summary-errors {
    font-size: 0.85em;
    color: #c00000;
}

.field-validation-error {
    display: block;
    font-size: 0.85em;
    color: #c00000;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	outline: 0;
}

.responsive-image {
    width: 50%;
    max-width: 200px;
}

.responsive-right-image {
    float: right;
    width: 50%;
    max-width: 50%;
}

.right-col,
.left-col {
    float: none;
    width: 100%;
}

.right-col {
    margin-left: 0px;
}

header .img {
    height: 10em;
    overflow: hidden;
    color: #005578;
    background-image: url('images/banner-image.jpg');
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: cover;
}

    header .img.about-viking {
        background-image: url('images/banner-image-2.jpg');
    }

    header .img.commercial-careers {
        background-image: url('images/banner-image-3.jpg');
    }

    header .img.talk-to-us {
        background-image: url('images/banner-image-4.jpg');
        background-position: 50% center;
    }

    header .img.for-organisations {
        background-image: url('images/banner-image-6.jpg');
        background-position: 50% center;
    }

    header .img.sign-up {
        background-image: url('images/banner-image-3.jpg');
    }

    header .img.assessment {
        background-image: url('images/banner-image-assessment.jpg');
    }

    .banner-wrapper {
        width: 100%;
        overflow: hidden;
        margin-left: 10%;
    }

        .banner-logo {
            float: left;
            margin-top: 0.5em;
            max-width: 15%;
        }

        .banner-left {
            margin-left: 0.5em;
        }

        .banner-right {
            clear: both;
            float: left;
            margin-right: 0px;
        }


    header .img h1 {
        float: left;
        font-size: 1.25em;
        color: #005578;
        margin: 0.25em 0px 0px 5%;
    }

        header .img h1 strong {
            font-weight: 700;
        }

        header .img .left-col p,
        header .img .left-col p a,
        header .img .right-col p,
        header .img .right-col p a {
            color: #ffffff;
        }

            header .img .left-col p a:hover,
            header .img .right-col p a:hover {
                color: #eaea66;
            }

        header .img .left-col {
            display: none;
            overflow: hidden;
        }

        header .img .right-col {
            overflow: hidden;
        }

            header .img .right-col h1 {
                float: none;
                text-align: right;
                margin: 0.5em 16% 0.5em 0;
            }

            header .img h3 {
                font-size: 1.25em;
                font-weight: 300;
                color: #ffffff;
                margin-top: 0;
                margin-bottom: 0;
            }

        .quick-links-nav-menu {
            display: block;
            overflow: hidden;
            float: right;
            margin: 0 15% 0 0;
        }

        .quick-links-nav-menu a {
            display: block;
            float: left;
            color: #ffffff;
            font-size: 0.88em;
            padding: 0.25em 0.5em;
            border: 2px solid #ffffff;
            border-radius: 9px;
            margin: 0 0.25em 0 0.25em;
        }

            .quick-links-nav-menu a:hover {
                color: #eaea66;
                border-color: #eaea66;
                text-decoration: none;
            }


    header .img .sign-in-link {
        position: fixed;
        display: block;
        right: 0px;
        width: 45px;
        height: 130px;
        margin-top: 60px; /*20-10-2015 - 6%*/
        background: #fafafa url('images/sign-in.png') no-repeat 50% 50%;
        border-top-left-radius: 10px;
        text-indent: -9999px;
        border: 1px solid #dadada;
        z-index: 10;
    }

@media (min-width: 25em) {
    header .img h1 {
        font-size: 1.5em;
    }
}

@media (min-width: 30em) {
    header .img h1 {
        font-size: 2em;
    }
}

.button-bar {
    height: 2em;
    background-color: #86c43f;
}

.content-wrapper {
    width: 100%;
    margin: 0px auto 0px auto;
}

    .content-wrapper.center {
        max-width: 900px;
    }

    .section-1 {
        border-bottom: 2px solid #bfbfbf;
    }

    .section-2 {
        border-bottom: 2px solid #009fe3;
    }

    .section-3 {
        background-color: #e9e9e9;
        border-bottom: 2px solid #ffffff;
    }

    .container {
        width: 100%;
        overflow: hidden;
    }

        .container.overflow-visible {
            overflow: visible;
        }

.dashboard-section-heading {
    color: #4d4d4d;
}

    .dashboard-section-heading span {
        color: #8ebf21;
    }

.framework-steps { 
	list-style: none; 
	overflow: hidden; 
	font-size: 0.8em;
    margin: 0px;
    padding: 0px;
}
.framework-steps li { 
	float: left; 
    margin: 0px;
    padding: 0px;
}
.framework-steps li a {
	position: relative; 
	float: left;
	display: block;
	color: #ffffff;
	text-decoration: none; 
	padding: 10px 0 10px 37px;
	background: #a52a2a;                   /* fallback color */
	background: hsla(34,85%,65%,1);
    cursor: default;
}

.framework-steps li a:after { 
	content: " "; 
	position: absolute;
	top: 50%;
	left: 100%;
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(34,85%,65%,1);
	margin-top: -50px; 
	z-index: 2; 
}

.framework-steps li a:before { 
	content: " "; 
	position: absolute;
	top: 50%;
	left: 100%;
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid #ffffff;
	margin-top: -50px; 
	margin-left: 1px;
	z-index: 1; 
}
.framework-steps li:first-child a {
	padding-left: 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.framework-steps li:nth-child(2) a       { background:        hsla(34,85%,55%,1); }
.framework-steps li:nth-child(2) a:after { border-left-color: hsla(34,85%,55%,1); }
.framework-steps li:nth-child(3) a       { background:        hsla(34,85%,45%,1); }
.framework-steps li:nth-child(3) a:after { border-left-color: hsla(34,85%,45%,1); }
.framework-steps li:nth-child(4) a       { background:        hsla(34,85%,35%,1); }
.framework-steps li:nth-child(4) a:after { border-left-color: hsla(34,85%,35%,1); }
.framework-steps li:nth-child(5) a       { background:        hsla(34,85%,25%,1); }
.framework-steps li:nth-child(5) a:after { border-left-color: hsla(34,85%,25%,1); }

/*.framework-steps li:last-child a {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
}*/

.framework-steps li a.current { color: #333333; font-weight: bold; background: hsla(34,85%,75%,1); }
.framework-steps li a.current:after { color: #333333; border-left-color: hsla(34,85%,75%,1) !important; }

.assessment-progress-bar-wrapper {
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    margin: 1em 0.1em 0px 0.1em;
}

    .assessment-progress-bar {
        height: 20px;
        background-color: #bebf21;
    }

.assessment-category-title {
    font-style: italic;
    color: #4d4d4d;
}

.assessment-question {
    color: #999999;
}

    .assessment-question span {
        color: #8ebf21;
    }

.assessment-question-help-text {
    color: #8ebf21;
}

.assessment-question-buttons {
    text-align: center;
    margin: 2em 0px 2em 0px;
}

.help {
    background-color: #f9f9cc;
}

    .help h3 {
        padding: 0.5em 0em;
        margin: 0.25em 1em;
    }

    .help h3 a#toggle-help {
        float: right;
    }

        .help h3 a#toggle-help i.glyphicon {
            line-height: 1.45;
            color: #8ebf21;
        }

        .help h3 a#toggle-help i.glyphicon:before {
            content: "\2212";
        }

        .help.collapsed h3 a#toggle-help i.glyphicon:before {
            content: "\2b";
        }

    .help-inner {
        padding: 0em 1em 0.25em 1em;
    }

.help.collapsed .help-inner {
    display: none;
}

.help h4 {
    font-size: 1em;
    margin-bottom: 0.25em;
}

.help p,
.help ul,
.help ol {
    margin-top: 0.5em;
}

.help p,
.help li {
    font-size: 0.85em;
}


.assessment-results-caption {
    font-size: 1.1em;
    font-weight: 600;
    color: #999999;
}

.assessment-results-wrapper {
    margin-bottom: 1em;
}

.assessment-results-heading {
    font-size: 1.925em;
    font-style: italic;
    color: #4d4d4d;
}

.graph.colour1 {
    background-color: #2ea836;
}

.graph.colour2 {
    background-color: #005fab;
}

.graph.colour3 {
    background-color: #009fe3;
}

.graph.colour4 {
    background-color: #7cc8f4;
}

.graph.colour5 {
    background-color: #8fbf21;
}

.assessment-results {
    width: 100%;
}

    .assessment-results tbody.dr {
        display: none;
    }

.assessment-results th,
.assessment-results td {
    text-align: left;
    vertical-align: top;
}

    .assessment-results th span.caption1 {
        font-size: 1.3em;
        font-weight: 600;
        color: #999999;
    }

        .assessment-results th span.number {
            font-size: 1.65em;
            font-weight: 600;
            color: #4dbcec;
        }

    .assessment-results th.caption2 {
        font-size: 1.1em;
        font-weight: normal;
        color: #999999;
        cursor: pointer;
    }

    .assessment-results tbody.dr tr th,
    .assessment-results tbody.dr tr td {
        padding-left: 30px;
    }

        .assessment-results th.caption2 .number2 {
            font-weight: 600;
            color: #4dbcec;
        }

    .assessment-results .hintText {
        font-size: 0.825em;
        color: #999999;
        padding: 2px 6px 2px 6px;
    }

/********************************** START: .assessment-results3 ************************************/
.assessment-results .graph-benchmark {
    height: 28px;
    border-width: 2px;
    border-style: solid;
    border-radius: 6px;
}

.assessment-results .graph-benchmark i.glyphicon {
    float: right;
    color: #c00000;
    margin: 0.4em 0.4em 0 0;
}

.assessment-results .graph-score  {
    position: relative;
    height: 22px;
    font-size: 0.88em;
    text-align: center;
    border-radius: 6px;
    margin: -27px 0px 4px 1px;
}

    .assessment-results tr.colour1 .graph-benchmark {
        border-color: #2ea836;
    }

    .assessment-results tr.colour2 .graph-benchmark {
        border-color: #005fab;
    }

    .assessment-results tr.colour3 .graph-benchmark {
        /*background-color: #A0DBF4;
        border-color: #004F71;*/
        border-color: #009fe3;
    }

    .assessment-results tr.colour4 .graph-benchmark {
        border-color: #7cc8f4;
    }

    .assessment-results tr.colour5 .graph-benchmark {
        border-color: #8fbf21;
    }

    .assessment-results .graph-score {
        color: #444444; /* #ffffff;*/
    }

    .assessment-results tr.colour1 .graph-score {
        background-color: #2ea836;
}

    .assessment-results tr.colour2 .graph-score {
        background-color: #2073B5; /*#005fab*/
    }

    .assessment-results tr.colour3 .graph-score {
        background-color: #009fe3;
    }

    .assessment-results tr.colour4 .graph-score {
        background-color: #7cc8f4;
    }

    .assessment-results tr.colour5 .graph-score {
        background-color: #8fbf21;
    }

    .assessment-results tbody.dr .graph-benchmark,
    .assessment-results tbody.dr .graph-score {
        cursor: pointer;
    }

    .assessment-results td .results-text {
        display: none;
        font-size: 0.88em;
        padding: 2px 6px 2px 6px;
    }

    .assessment-results td.expanded .results-text {
        display: block;
    }

        .assessment-results .results-text em {
            font-size: 0.9em;
            font-style: italic;
            font-weight: 600;
        }

    .assessment-results tbody.dr.expanded {
        display: table-row-group;
        background-color: #f9f9cc;
    }

    .assessment-results th.expanded {
        background-color: #f9f9cc;
    }

/********************************** END: .assessment-results3 ************************************/