/*
* Candidate View Overwrites of Non-Candidate View
*/

.wf-candidate-view #wf-workflow-status h4 a.toggler {
    display: none;
}

.wf-candidate-view #wf-details-toc,
.wf-candidate-view .wf-status-global-links {
    display: none !important;
}

.wf-candidate-view #wf-workflow-status {
    margin-left: 20px;
    height: 75px !important;
}

.wf-candidate-view .wf-overview-col > h4,
.wf-candidate-view .wf-overview-section > h5 {
    display: none;
}

.wf-candidate-view .wf-details-titlebar .overview-breadcrumb {
    color: #000;
    text-decoration: none;
    cursor: default;
}

.wf-candidate-view .wf-itemWidgetWrapper {
    padding-top: 0;
}

.wf-candidate-view .wf-overview-item-wrap {
    margin-bottom: 20px;
}

.wf-candidate-view .wf-overview-item-wrap .wf-item-optional {
    margin-right: 8px;
}

.wf-candidate-view #wf-workflow-loading-inner {
    position: relative;
    left: 30px;
    top: 5px;
}

.wf-overview-candidate-message {
    margin: 10px 10px 15px 10px;
}

/*
// Candidate View Overview as LeftNav
*/

.wf-candidate-view .wf-details-titlebar {
    background-color: #f1f1f1 !important;
}

.wf-candidate-view #wf-overview-item {
    position: absolute;
    left: 2px;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    bottom: 0;
    background-color: #f1f1f1;
    border-right: solid 1px #999 !important;
    border-left: 0 !important;
    margin-bottom: 1px;
}

.wf-candidate-view #wf-overview-item {
    width: 264px !important;
}

.wf-candidate-view .wf-itemWidgetWrapper {
    display: none;
    position: relative;
}

.wf-candidate-view .wf-itemWidgetWrapper {
    margin-left: 270px !important;
    padding-left: 1% !important;
}

.wf-candidate-view #wf-details-content-body {
    height: auto;
    min-height: 650px;
    padding-bottom: 7px;
}

.wf-candidate-view #wf-overview-item .wf-overview-col-first {
    background-color: #f1f1f1;
    padding-bottom: 200px;
}

.wf-candidate-view .wf-overview-col-first {
    width: 100% !important;
    padding-left: 0 !important;
}

.wf-candidate-view .wf-overview-section {
    padding-left: 0;
}

.wf-candidate-view .wf-overview-item-wrap {
    margin: 10px 0 10px 10px !important;
    padding-left: 22px;
}

.wf-candidate-view .wf-can-view-lite .glyphicon {
    top: 12px;
}

.wf-candidate-view .wf-overview-item-wrap .glyphicon {
    left: 5px !important;
}

.wf-candidate-view .wf-can-view-lite {
    margin: 10px 0 10px 10px !important;
    border: solid 1px #999;
    border-right: 0 !important;
    background-color: #fff;
    left: 1px;
    padding: 10px 5px 10px 22px !important;
}

.wf-candidate-view .wf-overview-col-first {
    left: 0 !important;
    padding-right: 0 !important;
    z-index: 2;
}

.wf-candidate-view .wf-header-title {
    visibility: hidden;
    height: 0;
    margin-bottom: 5px;
}

.wf-candidate-view .wf-item-type-FileUpload .wf-header-title {
    visibility: visible;
    height: auto;
}

.wf-candidate-view .wf-common-header .status_tbd {
    display: none;
}

.attest_line {
    position: relative;
    left: 20px !important;
}

.wf-candidate-view #wf-overview-item {
    min-height: 640px;
}

.wf-candidate-view #wf-details-content {
    margin-left: 20px;
}

.wf-candidate-view .wf-workflow-title-options {
    display: none !important;
}

/*REDUX*/

.wf-candidate-view #wf-details-content {
    margin-left: 0 !important;
}

.wf-candidate-view #wf-workflow-status {
    margin-left: 30px;
    padding-right: 0 !important;
    left: 251px !important;
    right: 0 !important;
}

.wf-candidate-view #wf-details-titlebar {
    width: auto !important;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 30px;
    height: 45px;
}

.wf-candidate-view .wf-details-titlebar-breadcrumbs {
    height: 65px !important;
}

.wf-candidate-view .cv-panel-body {
    border-bottom: solid #ccc 1px !important;
}

.wf-candidate-view #wf-workflow-status {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
}

.wf-candidate-view #wf-overview-item {
    min-height: 808px !important;
    display: none !important;
}

.wf-candidate-view #wf-details-content {
    border-bottom: solid 0 #ccc !important;
    border-radius: 0 !important;
    background: transparent !important;
    /*overflow: hidden;*/
    top: 0;
}

.canview-leftnav.wf-candidate-view #wf-details-content {
    overflow: hidden;
    top: -81px;
    margin-bottom: -81px;
    margin-left: -16px !important;
    width: 100%;
}

.wf-candidate-view #wf-details-content-body {
    height: auto;
    padding-bottom: 180px !important;
    overflow: hidden;
    position: relative;
    top: -40px;
    margin-bottom: -40px;
}

.wf-candidate-view.canview-bottomnav #wf-details-content-body {
    top: 0;
    margin-bottom: -60px;
}

.wf-candidate-view .wf-itemWidgetWrapper {
    margin-left: 21px !important;
    padding-left: 1% !important;
}

.wf-candidate-view #workflow-content {
    min-height: 800px;
    overflow: hidden;
}

.wf-candidate-view .wf-details-page-content {
    /*!*top: 150px;*!!*padding: 10px 0 0 0;*!*//*margin-top: -75px;*/
}

/*This is where the candidate bar stuff begins KIRK*/

.wf-candidate-view .bar {
    background-color: #2b577a;
    position: fixed;
    bottom: 36px;
    min-width: 748px;
    width: calc(100% - 142px);
    color: #fff;
    height: 70px;
    z-index: 1001;
    font-size: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: solid 1px #3572a0;
}

.small-screen.wf-candidate-view .bar {
    width: calc(100% - 32px);
}

.wf-candidate-view .items-wrapper {
    width: auto;
    white-space: nowrap;
    counter-reset: items;
    overflow: hidden;
    z-index: 1;
}

.wf-candidate-view .items-wrapper > .item {
    height: 70px;
    max-width: 250px;
    display: inline-block;
    counter-increment: items;
    padding-left: 10px;
    padding-right: 21px;
    position: relative;
    padding-top: 19px;
    margin: 0 !important;
    cursor: pointer;
    transition: left 300ms;
}

.wf-candidate-view .items-wrapper > .item:not(.blocked):focus,
.wf-candidate-view .items-wrapper > .item:not(.blocked):hover {
    background-color: rgba(0, 0, 0, .3);
    height: 69px;
    text-decoration: underline;
}

.wf-candidate-view .items-wrapper .item a {
    display: inline-block;
    color: #e6e7e9;
    vertical-align: top;
    width: calc(100% - 3em);
    white-space: normal;
    font-family: sans-serif;
    margin-left: 4px;
    font-size: 17px;
    text-decoration: none;
    line-height: 1.2em;
    position: relative;
    top: -14px;
    z-index: 2;
    padding-right: 5px;
}

.wf-candidate-view .items-wrapper .item.selected {
    background-color: #ecb733;
    padding-right: 0;
    height: 69px;
}

.wf-candidate-view .items-wrapper .item.selected:focus,
.wf-candidate-view .items-wrapper .item.selected:hover {
    background-color: #F0A31D;
    text-decoration: underline;
}

.wf-candidate-view .items-wrapper .item.selected:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    position: absolute;
    right: -15px;
    top: 0;
    border-style: solid;
    border-width: 35px 0 35px 15px;
    z-index: 3;
    border-color: transparent transparent transparent #ecb733;
}

.wf-candidate-view .items-wrapper .item.selected:focus:after,
.wf-candidate-view .items-wrapper .item.selected:hover:after {
    border-color: transparent transparent transparent #f0a31d;
}

.wf-candidate-view div.items-wrapper .item.selected a {
    color: #000 !important;
}

.wf-candidate-view div.items-wrapper .item.selected:before {
    color: #3572a0 !important;
}

.item.selected + .item {
    padding-left: 22px !important;
}

.item.selected + .item .wf-disclosure-list {
    margin-left: -21px !important;
}

.wf-candidate-view .items-wrapper .item:not(.selected):after {
    font-family: "Glyphicons Halflings";
    color: rgba(214, 214, 214, .4);
    position: absolute;
    font-size: 17px;
    z-index: 1;
    right: 2px;
    top: 6px;
    width: 1em;
}

.wf-candidate-view .items-wrapper .item.revs_reqd:before,
.wf-candidate-view .items-wrapper .item.revs_reqd a {
    color: #ecb733 !important;
}

.wf-candidate-view .items-wrapper .item.complete:not(.subitem):after,
.wf-candidate-view .items-wrapper .subitem.complete:before {
    font-family: "Glyphicons Halflings";
    color: #ffd34b;
    content: "\e013" !important;
}

.wf-candidate-view .items-wrapper .item.PacketDownload:not(.subitem):after {
    font-family: "Glyphicons Halflings";
    color: #ffd34b;
    content: "\e025" !important;
}

.wf-candidate-view .items-wrapper .item.revs_reqd:after {
    content: "\e107";
}

.wf-candidate-view .items-wrapper .item.blocked a {
    color: rgba(0, 0, 0, .5) !important;
    cursor: default;
}

.wf-candidate-view .items-wrapper .item.blocked:hover {
    cursor: default !important;
}

.wf-candidate-view .items-wrapper .item.blocked:before {
    color: rgba(0, 0, 0, .5) !important;
}

.wf-candidate-view .items-wrapper .item.blocked:after {
    color: rgba(0, 0, 0, .5) !important;
    content: "\e088";
}

.wf-candidate-view .items-wrapper .item.wf-disclosure:after {
    content: "\e113";
}

.wf-candidate-view .items-wrapper > .item:before {
    content: counter(items);
    display: inline-block;
    color: #3572a0;
    font-size: 43px;
    font-family: sans-serif;
    position: relative;
    top: -2px;
}

.wf-candidate-view .items-wrapper .item:first-of-type {
    padding-left: 20px;
}

.wf-candidate-view .wf-disclosure-list {
    position: fixed;
    bottom: 106px;
    width: 169px;
    margin-left: -10px;
    display: none;
    background-color: #2b577a;
}

.wf-candidate-view .wf-disclosure-list .item.subitem:after {
    font-family: "Glyphicons Halflings";
    content: "\e080";
    font-size: 12px;
    position: absolute;
    color: #e6e7e9 !important;
    right: 2px;
    bottom: 5px;
    left: auto;
    top: auto;
    height: auto;
    width: auto;
}

.wf-candidate-view .wf-disclosure-list .item.subitem:before {
    font-size: 12px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    top: auto;
    right: auto;
    height: auto;
    width: auto;
}

.wf-candidate-view .wf-disclosure-list .item.subitem.revs_reqd:before {
    font-family: "Glyphicons Halflings";
    content: '\e107';
}

.wf-candidate-view .wf-disclosure-list .subitem {
    padding: 5px 21px !important;
    margin: 0 !important;
}

.wf-candidate-view .wf-disclosure-list .subitem a {
    top: 0 !important;
}

.wf-candidate-view .wf-disclosure-list a,
.wf-candidate-view .selected .wf-disclosure-list a {
    color: #e6e7e9 !important;
}

.wf-candidate-view .wf-disclosure-list .blocked:focus,
.wf-candidate-view .wf-disclosure-list .blocked:hover {
    background-color: rgba(204, 204, 204, .4) !important;
    text-decoration: underline;
}

.wf-candidate-view .wf-disclosure-list .blocked a {
    color: rgba(0, 0, 0, .6) !important;
}

.wf-candidate-view .wf-disclosure-list .blocked:after,
.wf-candidate-view .wf-disclosure-list .blocked:before {
    display: none;
}

.wf-candidate-view .selected .wf-disclosure-list {
    background-color: #b59856;
}

.wf-candidate-view .wf-disclosure-list .subitem:hover {
    background-color: #283e5a;
}

.wf-candidate-view .wf-disclosure-list .subitem:hover {
    background-color: #283e5a;
}

.wf-candidate-view .wf-disclosure-list .subitem a {
    display: inline-block;
    width: 100%;
    max-width: 200px;
}

.wf-candidate-view .selected .wf-disclosure-list .subitem:hover {
    background-color: #817045;
}

.wf-candidate-view .wf-disclosure.open .wf-disclosure-list,
.wf-candidate-view .wf-disclosure:hover:not(.out-of-view) .wf-disclosure-list {
    display: block;
}

.wf-candidate-view .bar-controls {
    position: fixed;
    width: calc(100% - 90px);
    right: 0;
    left: 0;
    bottom: 36px;
    background: #2b577a;
    height: 70px;
    margin: 0 auto;
}

.small-screen.wf-candidate-view .bar-controls {
    width: 100%;
}

.wf-candidate-view .bar-control {
    background-image: url('../images/grayarrow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 16px;
    height: 100%;
    z-index: 2;
}

.wf-candidate-view .bar-controls > div:hover {
    background-color: rgba(0, 0, 0, .3);
    cursor: pointer;
    z-index: 2;
}

.wf-candidate-view .bar-control-left {
    left: 0;
}

.wf-candidate-view .bar-control-right {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    right: 0;
}

.wf-candidate-view #wf-revisions-required-note, #wf-historical-action-note {
    margin-left: 30px !important;
}

.canview-leftnav.wf-candidate-view #wf-revisions-required-note, .canview-leftnav.wf-candidate-view #wf-historical-action-note {
    margin-left: 280px !important;
    margin-top: 125px !important;
}

.wf-candidate-view .bar {
    max-width: calc(100% - 90px);
}

body.small-screen.wf-candidate-view .bar {
    max-width: 100%;
}

.canview-leftnav.wf-candidate-view #wf-overview-item {
    width: 270px !important;
    display: block !important;
    top: 0;
    overflow: auto;
}

.canview-leftnav.wf-candidate-view .wf-itemWidgetWrapper:not(#wf-overview-item) {
    margin-left: 280px !important;
    top: 120px;
}

.canview-leftnav.wf-candidate-view #wf-workflow-status {
    margin-left: 280px;
    top: 0;
    border-bottom: none !important;
}

.canview-leftnav.wf-candidate-view #wf-details-titlebar {
    margin-left: 280px;
    top: 80px;
}

.canview-leftnav.wf-candidate-view #wf-canview-bottom-bar-v2,
.canview-leftnav.wf-candidate-view .bar-controls {
    display: none;
}