/***************************************************************
#096f9e [3] dark blue - link-fg, drill

#00634f green 1
#c3d500 green 2
#00adbb blue 1
#008b96 blue 2
#77bc1f green 3
#568e30 green 4
#920a7a purple 1
#750060 purple 2
#d40a1c red 1
#971310 red 2
#ff8300 orange 1
#ca6b18 orange 2
#ffcd00 yellow 1
#ddb307 yellow 2
#007da4 dark blue 1
#005971 dark blue 2
#002c5c dark blue 3
#00173b dark blue 4
#dad8d6 light gray
#919191 dark gray
***************************************************************/
html, body {margin: 0; padding: 0; height: 100%; width: 100%}
body {font-size: 75%; font-family: Arial, Helvetica, sans-serif; background-color: #f0f0f0}

table {*border-collapse: collapse; border-spacing: 0}
td, th {vertical-align: top}
img {border: 0}
li {padding-bottom: 7px}

a {text-decoration: none}
a:hover, a:hover span {text-decoration: underline}
a:hover span span {text-decoration: none}
a, a:hover, .drill, .drill2 {color: #096f9e}
#browser a, #browser a:hover #browser span {color: #000}
#browser a.beta {color: #f00}

.clear {clear: both}
.float-r {float: right}
.float-l {float: left}

.margin-t {margin-top: 14px}
.margin-b {margin-bottom: 14px}
.margin-l {margin-left: 14px}
.margin-r {margin-right: 14px}

label.reqd {font-weight: bold}
label.reqd:after {content: '* '}
label.filter {font-weight: bold; margin-right: 7px}

.labels-top input, .labels-top textarea, .labels-top select {margin-bottom: 14px !important; display: block !important}
.labels-top label.error {margin-left: 0}

.labels-left label.reqd, .labels-left label.opt {float: left; margin-right: 7px}
.labels-left label.error {margin-left: 7px}

.block {display: block}
.align-r {text-align: right !important}
.align-c {text-align: center !important}
.drill, .align-l {text-align: left !important}

.bg-fff {background-color: #fff !important}
.bg-red {background-color: #ff3d4f}    /* d40a1c 20% */
.bg-yellow {background-color: #ffff33} /* ffcd00 20% */
.bg-green {background-color: #aaef52} /* 77bc1f 20% */

.bg-red, .bg-yellow, .bg-green {border-bottom: 1px solid #fff; border-right: 1px solid #fff}

.tbl {margin: 14px 0; border-radius: 4px; border: 1px solid #ccc}
.tbl th {text-align: left}
.tbl th a, .tbl th {color: #fff}
.tbl th, .tbl td {padding: 7px; font-size: .92em}
.tbl th:first-child {border-radius: 4px 0 0 0; border-width: 0}
.tbl th:last-child {border-radius: 0 4px 0 0; border-width: 0}

#filter4 label.ui-button {margin-right: 10px}

.tbl th {background: #00adbb; /* Old browsers */
 background: -moz-linear-gradient(top, #00adbb 0%, #008b96 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00adbb), color-stop(100%,#008b96)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #00adbb 0%,#008b96 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #00adbb 0%,#008b96 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #00adbb 0%,#008b96 100%); /* IE10+ */
 background: linear-gradient(to bottom, #00adbb 0%,#008b96 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adbb', endColorstr='#008b96',GradientType=0 ); /* IE6-9 */
}

.tbl tr.total td {font-weight: bold; text-align: right; background-color: #e4e4e4}
.tbl tr:hover {background-color: #dad8d6 !important}

/* @note do not combine the following or IE fails to stripe */
.tbl tr.odd {background-color: #f0f0f0}
.tbl tr.even {background-color: #fff}
.tbl tr:nth-child(odd) {background-color: #f0f0f0}
.tbl tr:nth-child(even) {background-color: #fff}

table.float-l {margin: 0 14px 14px 0 !important}
table.numeric th, table.numeric td {text-align: right}

th.sort a span.icon {background-image: url(img/column-sort.png); margin-left: 5px}
th.ascend a span.icon {background-image: url(img/column-asc.png); margin-left: 5px}
th.descend a span.icon {background-image: url(img/column-desc.png); margin-left: 5px}

.todo {background-color: #e7ffe0}
.todo, .error {color: #d40a1c; font-style: italic}
.message {color: #9b5ba2}
.system-message, .system-message * {color: #9b5ba2 !important}

.hilite-err {background-color: #d40a1c; color: #fff; font-weight: bold}
.hilite-warn {background-color: #ff8300; color: #fff; font-weight: bold}

div.pager a {padding: 0.4em 1em; margin-right: 0.4em}

dl, dt, dd {padding: 0; margin: 0}
.faq dd, .faq dt, .videos dd, .videos dt {background-position: 0 0; background-repeat: no-repeat; padding: 0 0 10px 30px}
.faq dt, .videos dt {font-weight: bold}
.faq dt {background-image: url(img/q.gif)}
.faq dd {background-image: url(img/a.gif)}
.videos dt {background-image: url(img/film.png)}

.drill:hover, .drill2:hover, .faq dt:hover, .videos dt:hover, .metric:hover {text-decoration: underline; cursor: pointer}

#banner {height: 35px; text-align: center; background-color: #f0f0f0; color: #fff; height: 50px; margin-bottom: 2px}
#banner img {padding: 10px 0 0 0}
#banner a {color: #fff; display: block; height: 35px; cursor: pointer; padding-top: 15px}
#banner .btn {display: inline-block; width: 85px; border-right: 1px solid #568e30; border-left: 1px solid #568e30; *display: inline; zoom: 1}
#banner #username {padding: 0 15px 20px 0; display: inline-block; *display: inline; zoom: 1}

#banner {background: #00634f}

.card, .tbl, .metric {-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3)}

#notes, #report_type_set, #change_company_div, #tabs, .pre-hide , .hide {display: none}

#change_company_div label {display: block}

#logo {background: transparent url(img/kornferry.png) no-repeat 14px center; height: 65px; width: 100%; cursor: pointer; background-size: 175px 41px}
#logo a.hint {float: right; padding: 7px 18px 0 0; background-image: url(img/help-hint.png); background-repeat: no-repeat; background-position: bottom right}
#tagline {background: transparent url(img/foresight_000.png) no-repeat center center; height: 65px; width: 100%}

#main {margin: 20px}
#main h1 a {font-size: 10px; cursor: pointer}
#main h1 span {font-size: 10px}

#footer {clear: both; font-size: smaller; padding-top: 14px; margin-left: 10px}
#footer a {margin-left: 28px}

#leftPane {width: 177px; height: 100%; float: left; background-color: #e4e4e4}
#rightPane {height: 100%; min-width: 650px; margin-left: 177px}

span.icon, span.icon-fff, span.icon-00f, span.icon-24 {background-position: center left; background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; *display: inline; zoom: 1}
span.icon {background-image: url(img/icons_000.png)}
span.icon-fff {background-image: url(img/icons_fff.png)}
span.icon-f00 {background-image: url(img/icons_f00.png)}
span.icon-00f {background-image: url(img/icons_00f.png)}
span.icon-24 {background-image: url(img/icons_24.png?v=3); width: 24px; height: 24px}

span.info {background-position: -16px -144px }
span.power {background-position: 0 -176px }
span.help {background-position: -48px -144px }
span.settings {background-position: -192px -112px }
span.show {background-position: -208px -32px}
span.hide {background-position: -240px -32px}
span.key {background-position: -112px -128px}
span.clock {background-position: -80px -112px}
span.report {background-position: -64px -96px}
span.image {background-position: -208px -128px}
span.pie {background-position: -208px -128px}
span.dash {background-position: -224px -128px}
span.history {background-position: -32px -112px}
span.current {background-position: -160px -128px}
span.eeo {background-position: -144px -96px}
span.calc {background-position: -112px -112px}
span.map {background-position: -128px -144px}
span.user {background-position: -144px -96px}
span.company {background-position: -192px -128px}
span.folder {background-position: -16px -96px}
span.wrench {background-position: -176px -112px}
span.north {background-position: 0 -16px}
span.south {background-position: -64px -16px}
span.mail {background-position: -80px -96px}
span.ex {background-position: -32px -192px}
span.plus {background-position: 0 -192px}
span.beta {background-position: -16px -112px}
span.pop {background-position: -32px -80px}

span.active {background-image: url(img/active.png)}
span.add {background-image: url(img/add.png)}
span.inactive {background-image: url(img/inactive.png)}
span.limited {background-image: url(img/limited.png)}
span.operations {background-image: url(img/operations.png)}
span.internal {background-image: url(img/internal.png)}
span.confidential {background-image: url(img/confidential.png)}
span.leadership {background-image: url(img/leadership.png)}
span.system {background-image: url(img/system.png)}
span.eeo-full {background-image: url(img/eeo-full.png)}
span.eeo-ltd {background-image: url(img/eeo-ltd.png)}
span.video {background-image: url(img/film.png)}
span.menu {background-image: url(img/menu.gif)}
span.pdf {background-image: url(img/pdf.png)}
span.excel {background-image: url(img/excel.png)}
span.power-bi {background-image: url(img/power-bi.png)}
span.data {background-image: url(img/data.png)}
span.sales {background-image: url(img/sales.png)}
span.upload {background-image: url(img/upload.png)}

span.video, span.pdf {margin-bottom: 7px; margin-right: 7px}

span.candidate-24 {background-position: -0px -0px}
span.manager-24 {background-position: -32px -0px}
span.score-24 {background-position: -64px -0px}
span.current-24 {background-position: -96px -0px}
span.source-24 {background-position: -128px -0px}
span.detail-24 {background-position: -160px -0px}
span.funnel-24 {background-position: -192px -0px}
span.summary-24 {background-position: -224px -0px}
span.pie-24 {background-position: -256px -0px}
span.activity-24 {background-position: -288px -0px}
span.trend-24 {background-position: -320px -0px}
span.dashboard-24 {background-position: -352px -0px}
span.offer-24 {background-position: -384px -0px}
span.map-24 {background-position: -416px -0px}
span.interview-24 {background-position: -448px -0px}
span.checkbox-24 {background-position: -480px -0px}
span.sponsor-24 {background-position: -512px -0px}
span.check-24 {background-position: -544px -0px}
span.time-24 {background-position: -576px -0px}
span.accept-24 {background-position: -608px -0px}
span.history-24 {background-position: -640px -0px}

#browser, #browser ul {list-style: none; padding: 0; margin: 0}
#browser {display: none; background-color: #e4e4e4; margin-left: 7px}
#browser li {padding: 7px 0; cursor: pointer; border-bottom: 1px solid #ccc; border-top: 1px solid #f0f0f0}
#browser li.on {background-color: #f0f0f0 !important}
#browser li.expandable span.folder {background-position: 0 -96px}
#browser ul li {margin-left: 14px}
#browser ul li.last {border-bottom: none}
#browser ul li:first-child {border-top: none}
#browser {display: block}
#browser li ul {display: none}
#browser li:last-child {border-bottom: none}

#timer {position: absolute; top: 15px; left: 50%}

.card {display: inline; border-width: 1px; border-style: solid; border-color: #ddd #ccc #ccc #ddd; float: left; margin: 0 20px 20px 0; border-radius: 4px; background-color: #fff; width: 315px; min-height: 345px}
.card h3 {color: #555; margin-top: 0; text-align: left; padding: 7px; border-bottom: 1px solid #ddd}
.card p {padding: 7px}
.card div.trailer {padding: 4px 0 0 7px}
.card a {font-size: larger; font-weight: bold}

#filter4 {margin-top: 14px}
#filter4 h3 {margin-top: 0; padding-bottom: 7px; border-bottom: 1px solid #333}

.metric {display: inline-block; border-width: 1px; border-style: solid; border-color: #ddd #ccc #ccc #ddd; margin: 0 10px 10px 0; border-radius: 4px; background-color: #fff; width: 125px; height: 45px}
.metric h3 {color: #555; margin: 0; padding: 3px}
.metric, .metric h3 {text-align: center}

.box {padding: 7px}
#filter1, .box {border-radius: 4px; background-color: #e4e4e4; border-style: solid; border-width: 1px; border-color: #ddd #ccc #ccc #ddd; margin-bottom: 20px}
#filter2 {margin-bottom: 10px; display: none}
#filter1 {padding: 7px 7px 0 7px; display: none}
#filter1 span.nowrap {margin-bottom: 7px}
#filter1 button {position: relative; top: -3px}

#filter1 .chosen-container, #filter2 .chosen-container {top: 7px; margin: 0 20px 7px 0}
#filter1 .select2-container, #filter2 .select2-container {margin: 0 20px 7px 0}

.select2-results__options {max-height: 400px !important}

#filter1 #more_filters {margin: 0 14px 0 0; height: 29px; border: 1px solid #aaa; position: relative; top: 6px}

#filter2 .search, #filter4 .search {background: #fff; width: 100px}
#search_widget, #search_widget_set {border-color: #ccc; border-style: solid; border-width: 1px; border-radius: 4px; padding: 7px}

#search_widget_set input {margin-top: 7px}
#search_widget_set input[type="submit"] {margin-left: 25px; margin-right: 25px}

#change_company_div .chosen-container, #add_user_div .chosen-container {width:400px !important}

#report_type_set .ui-button .ui-button-text {line-height: 1.0 !important; padding: 7px !important}

#csv_export {background: transparent url(img/disk.png) no-repeat center center; height: 12px; width: 24px; display: inline-block}
#csv_export:hover {cursor: pointer}
.nowrap {white-space: nowrap; display: inline-blocK; *display: inline; zoom: 1}

.ui-button-text {font-family: Arial, Helvetica, serif !important}

input[type="text"], input[type="password"] {width: 240px}
input[type="text"], input[type="password"], textarea {border-radius: 3px; border: 1px solid #ccc; background-color: #e7ffe0}
textarea {width: 500px; height: 50px}

#pane {display: block; float: none; margin: 20px auto; width: 500px; position: relative}
#pane {background-image: url(img/login-bkg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 200px 200px}
#pane form {padding: 20px}
#pane #a_forgot {position: absolute; left: 20px; bottom: 7px}

select, #report_type_set, #which_set {margin-right: 20px}

#date_range_set {margin: 0 20px 7px 0}
#date_range_set select {margin-right: 7px}
#date_range_set, div.ui-daterangepicker-arrows {display: inline-block; *display: inline; zoom: 1}
#date_range_set input {background-color: #fff !important; text-align: center}
#date_range_set div {border: 0 !important; background: transparent !important}
#date_range_set label {font-weight: bold}

#map {width: 644px}
#tabs {float: left; width: 100%}
#add_user_div label.reqd, #add_user_div label.opt {width: 80px}
#add_company_div label.reqd, #add_company_div label.opt {width: 120px}
label[for=pipeline], button {margin-right: 14px !important}

#report_mode_btn {width: 32px; margin-right: 0 !important}
#report_mode_div dt {line-height: 24px}
#report_mode_div dt a {font-size: 1.1em}
#report_mode_div dt span {margin-left: 7px}
#report_mode_div dd {margin: 0 0 14px 7px}

#scrollUp {bottom: 20px; right: 20px; padding: 7px 14px; background: #aaa; color: #fff; border-radius: 4px}

#ops {margin-bottom: 14px}
#ops div {vertical-align: top}
#ops img {display: block}
#ops .nowrap {font-weight: bold; margin-right: 10px}
#ops small {display: block; font-weight: normal}

#kf_div a:hover {color: #fff}

#pbi-container {position: relative; padding-top: 56.25%; overflow: hidden}
#pbi-container iframe {border: 0; border-color: 000; border-style: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0}

.select2-container .select2-search--inline .select2-search__field {margin-top: 7px}

/** START daterangepicker plugin **/
.ui-daterangepickercontain {position: absolute; z-index: 999}
.ui-daterangepickercontain .ui-daterangepicker {float: left; padding: 5px !important; width: auto; display: inline; background-image: none !important; clear: left}
.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {float: left; padding: 0; margin: 0}
.ui-daterangepicker .ranges {width: auto; position: relative; padding: 5px 5px 40px 0; margin-left: 10px}
.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {margin-left: 5px}
.ui-daterangepicker button.btnDone {margin: 0 5px 5px 0; position: absolute; bottom: 0; right: 0; clear: both; cursor: pointer; font-size: 1.1em}
.ui-daterangepicker ul {width: 17.6em; background: none; border: 0}
.ui-daterangepicker li {list-style: none; padding: 1px; cursor: pointer; margin: 1px 0}
.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {padding: 0}
.ui-daterangepicker li.preset_0 {margin-top: 1.5em !important}
.ui-daterangepicker .ui-widget-content a {text-decoration: none !important}
.ui-daterangepicker li a {font-weight: normal; margin: .3em .5em; display: block}
.ui-daterangepicker li span {float: right; margin: .3em .2em}
.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {display: block; margin: 0 0 .2em; font-size: 1em; padding: 0 4px 2px}
.ui-daterangepicker .ui-datepicker-inline {font-size: 1em}
.ui-daterangepicker-arrows {padding: 2px; position: relative}
.ui-daterangepicker-arrows input.ui-rangepicker-input {width: 220px; padding: 2px; height: 1.2em}
.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {position: absolute; top: 0; padding: 6px}
.ui-daterangepicker-arrows .ui-daterangepicker-prev {left: 0}
.ui-daterangepicker-arrows .ui-daterangepicker-next {right: 0}
/** END daterangepicker plugin **/

/** START onoffswitch plugin **/
.onoffswitch {display: inline-block; bottom: -4px; position: relative; width: 60px; *display: inline; zoom: 1}

.onoffswitch-checkbox {display: none}

.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 1px solid #999999; border-radius: 4px}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.2s ease-in;
  transition: margin 0.2s ease-in;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  /*padding: 0;*/
  width: 50%;
  height: 18px;
  /*color: white;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {content: "more"; padding-left: 4px; padding-top: 2px; color: #333; background-color: #e4e4e4}

.onoffswitch-inner:after {content: "less"; padding-right: 4px; padding-top: 2px; color: #999; background-color: #f0f0f0; text-align: right}

.onoffswitch-switch {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 40px;
  width: 14px;
  margin: 2px;
  background: white;
  border: 1px solid #999;
  border-radius: 4px;
  -webkit-transition: right 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
  transition: right 0.2s ease-in, box-shadow 0.2s ease-in;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0}
/** END onoffswitch plugin **/

/** START jqueryui 1.12.1 **/
span.ui-checkboxradio-icon {display: none}
#report_type_set, #which_set {display: inline-block; *display: inline; zoom: 1}
#report_mode_btn {padding: 0 3px}
#filter2 .ui-icon-background, #filter4 .ui-icon-background {background-color: #dddddd}
.ui-multiselect-filter {margin-bottom: 5px}
.ui-daterangepicker-prev {margin-top: 3px}
.ui-daterangepicker-next {margin-top: 3px}
/** END jqueryui 1.12.1 **/