/* ========================================================
* ENTS Custom
*
* File: ents.css
* Description: General template styles, overriden bootstrap styles
* Version: 1.0 
* ======================================================== */


/* Bootstrap overrides */

.resetlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul ul,
ol ul,
ul ol,
ol ol,
resetlist {
    list-style: none;
}


/* Global application custom init */

.tiles {
    margin: 0;
}

.box .box-title {
    margin-top: 5px;
}

.fc .fc-toolbar {
    border: 1px solid #ddd;
    padding-bottom: 5px;
    padding-top: 8px;
}

.box .box-title.noheader {
    padding: 0;
    height: 2px;
    border: none;
}

.box .box-title.condensed {
    padding-top: 4px;
    padding-bottom: 4px;
}

.box.box-bordered .table.table-bordered.border-cells th:last-child,
.box.box-bordered .table.table-bordered.border-cells td:last-child {
    border-right: 1px solid #ddd;
}

blockquote.basic {
    font-size: 15px;
}


/* Header custom Override */

#navigation #brand {
    min-width: 148px;
    padding-right: inherit;
}


/* Left Navigation Override */


/* Content area generic styles */

#main .dashboard .stats>li {
    margin-right: 0;
    margin-bottom: 4px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
}

#main .dashboard .stats>li i {
    margin-top: 10px;
    font-size: 24px;
}

#main .dashboard .stats>li a {
    padding: 15px 20px;
    text-align: left;
    text-decoration: none;
}

#main .dashboard .tiles>li>a span.count>i.glyphicon {
    font-size: 36px;
    margin-right: 0;
    margin-top: -10px;
}

#main .dashboard .boxitemlabel {
    display: block;
    width: 100%;
    padding: 6px;
    font-size: 10px;
    text-align: left;
}

.reportdashboard ul.stats {
    box-sizing: border-box;
    display: table;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}

.reportdashboard ul.stats:not(.no-dividers) li {
    border-right: 1px solid #d9d9d9;
}

.reportdashboard ul.stats li {
    display: table-cell;
    padding: 15px;
}

.reportdashboard ul.stats li:last-child {
    border-right: medium none;
}

.reportdashboard ul.stats li strong,
ul.stats li small {
    display: block;
    padding: 5px 0;
    text-align: center;
}

.reportdashboard ul.stats li strong {
    font-size: 16px;
    font-weight: bold;
}

.reportdashboard ul.stats li small {
    color: #adadad;
    font-size: 11px;
}

.reportdashboard ul.stats li>div {
    margin: 5px auto;
}

.reportdashboard ul.stats li .title {
    color: #555555;
    display: block;
    font-size: 15px;
    padding-top: 5px;
    text-align: center;
}

.reportdashboard ul.stats li .title:hover {
    color: #222222;
    text-decoration: none;
}

.reportdashboard ul.stats li .description {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.reportdashboard ul.stats li.light strong {
    color: #888888;
}

.label.dashforapproval {
    display: block;
    width: 100%;
    padding: 6px;
    font-size: 12px;
    text-align: left;
}

.table.forapprovalitems a.item {
    display: inline-block;
    width: 145px;
    text-align: center;
    text-decoration: none;
    margin-right: 5px;
}

.table.forapprovalitems a.item img.imagecontainer {
    border-radius: 47px;
    margin: 0;
    padding: 0;
    width: 80px;
}

.table.forapprovalitems a.item .approvalsummary {
    display: block;
    width: 100%;
    padding: 3px;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    background: none;
    color: #666;
}

.table.forapprovalitems a.viewall {
    vertical-align: top;
    display: inline-block;
    margin-top: 15px;
    float: right
}

.maindashboard .fc-header-title h2 {
    font-size: 18px;
}

.maindashboard .fc-event-skin {
    background-color: #63abdb;
    border-color: #204e81;
}


/* list search and filter section */


/*ul.managelist {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:100%;
}
ul.managelist > li {
	padding:0; 
	margin:0; 
	float:left; 
	margin-right:10px; 
	padding:2px;
	height:40px;
}*/

.managelist {
    margin: 0;
    list-style: none;
    padding-left: 0;
}

.managelist>li {
    display: inline;
    padding: 5px;
    padding-left: 0;
    margin-bottom: 2px;
    /*width:200px !important; */
    display: inline-block;
    vertical-align: top;
}

ul#datalist,
ul.datalist {
    clear: both;
    border-top: 1px solid #DDDDDD;
    border-bottom: 2px solid #DDDDDD;
    position: relative;
    margin: 6px;
}

ul#datalist>li,
ul.datalist>li {
    border-bottom: dashed 1px #D1D1D1;
    min-height: 90px;
    height: auto;
}

ul#datalist>li:hover,
ul.datalist>li:hover {}

ul#datalist>li .control-label,
ul.datalist>li .control-label,
.table tr td.widgetlabel {
    color: #707070;
    font-weight: bold;
    text-align: left;
}

ul#datalist>li {
    position: relative;
}

ul#datalist>li table.itemlist td,
ul.datalist>li table.itemlist td {
    padding: 2px;
}

ul#datalist>li:nth-child(odd),
ul.datalist>li:nth-child(odd) {
    background-color: #f9fcfd;
}

ul#datalist>li,
ul#datalist>li:nth-child(odd) {
    background-color: #f9fcfd;
}

ul#datalist>li.unread,
ul#datalist>li:nth-child(2n+1).unread,
ul#datalist>li:nth-child(odd).unread,
.unread {
    background-color: #e0eef8;
}

ul#datalist>li.unread,
ul.datalist>li.unread,
.unread {
    font-weight: bold;
    font-size: 12px;
}

.dropdown-menu.extended li.unread {
    background-color: #e0eef8;
}

.dropdown-menu.extended {
    width: 310px;
    left: 0;
}

.thumbnail,
.selector {
    vertical-align: top;
    text-align: left;
}

.thumbnail {
    min-height: 100px;
}

.selector {
    max-width: 120px;
}

.message {
    position: relative;
    height: auto;
}

.message h3.sender {
    /*color: #666666;*/
    text-decoration: none;
    margin-top: 5px;
    font-size: 14px;
}

.message .summary {
    width: 90%;
    margin-top: 6px;
}

.message .summary span,
.message .summary span a {
    white-space: normal;
    font-size: 14px;
}

.messagedate {
    font-size: 12px !important;
    font-weight: normal;
    color: #666;
}


/* Global Search Styles */

#divResult {
    position: absolute;
    width: 320px;
    display: none;
    margin-top: 0;
    margin-left: 0;
    border-top: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 5px #999;
    border: 1px solid #6DADBD;
    background-color: white;
    z-index: 900;
    max-height: 600px;
    overflow-y: scroll;
    list-style: none;
}

#divResult>ul {
    padding-left: 0;
}

.display_box {
    padding: 4px;
    border-top: solid 1px #dedede;
    font-size: 12px;
    min-height: 0;
    height: auto;
    color: #666666;
    padding-bottom: 5px;
}

li.display_box.selected {
    background: #EEEFEE;
    color: #565B4F;
    cursor: pointer;
}

.separator {
    padding: 5px 10px 5px 10px;
    /*border:solid 1px #666; */
    height: auto;
    background-color: #999;
    color: #fff;
}

.separator .allresults {
    display: inline;
    float: right;
    position: relative;
}

.separator .allresults a {
    color: #fff;
    text-decoration: none;
}

.separator span {
    width: 100%;
    display: inline;
    color: #fff;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.whitebg {
    background-color: #fff;
}

.stylewidget {
    position: absolute;
    right: 0;
    top: 45px;
    /*z-index:10000;*/
}

.stylewidget #style2 {
    margin-left: -5px;
}

.listactions>li {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 2px;
    margin-top: 2px;
    float: left;
}

.listactions>li:first-child {
    padding-left: 0;
}

.listactions>li:last-child {
    padding-right: 0;
}

.form-horizontal .control-label {
    font-weight: bold;
}

label.error {
    background-color: #EDDBE3;
    border-color: #E8D1DF;
    background-repeat: no-repeat;
    color: #BD4247;
    padding: 5px 15px 5px 12px;
    margin: 5px 0 0 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: normal;
    font-size: 12px;
    width: 100%;
    min-height: 25px;
}

span.edit,
.buttons {
    display: none;
}

.table tbody tr.editable:hover .buttons {
    display: block;
}

.testborder {
    border-color: #d4d4d4;
}

.gridactions {
    position: absolute;
    right: 0;
    top: 0;
}

.peoplelist .peoplewrapper {
    height: 150px;
}

.peoplelist .peopleinfo {
    margin-left: 0;
}

.peoplelist .thumb {
    float: none;
}


/* Jquery stepy styles */

.button-back {
    float: left;
}

.button-next,
.finish {
    float: right;
}

.button-back,
.button-next,
.finish {
    /*border: 1px solid #C9C4BA; color: #7F0055; cursor: pointer; font: 10px verdana; padding: 3px 10px; text-decoration: none;
	-khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/
    margin-bottom: 20px;
    margin-right: 10px;
}

.button-back {
    margin-left: 10px;
}

.step {
    /*border: 1px solid #DDD; 
	-khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/
    clear: left;
    width: 100%;
    padding: 5px;
}

.stepy-titles {
    list-style: none;
    margin: 0 0 0 15px;
    padding: 0;
    width: 100%;
}

.stepy-titles li {
    color: #DDD;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    float: left;
    padding: 10px 50px 10px 10px;
}

.stepy-titles li span {
    font-size: 12px;
    display: block;
    font-weight: 500;
}

.stepy-titles .current-step {
    color: #369;
    cursor: auto;
}

.tabs.tabs-inline.tabs-left {
    width: 90%;
}

.tabs.tabs-inline.tabs-left>li>a {
    font-size: 16px;
}

#profile_view .form-group {
    margin-bottom: 10px;
}

#profile_view .form-group .control-label {
    font-size: 12px;
}

#filenamedisplay {
    height: 34px;
}

.theme-settings>li span {
    color: #666;
    font-weight: bold;
    padding-left: 8px;
}

.pager-outer .pager-inner {
    text-align: center;
}

.labeldescription.noresults {
    font-size: 20px;
    margin: 75px auto 0;
    margin-bottom: 200px;
    text-align: center;
    width: 100%;
}

.hidden,
.hidden_row,
.hidden_column,
.hidden_container,
.hidden_row_input,
.hidden_row_med,
.hidden_row_person,
.hidden_row_family,
.hidden_row_educ,
.hidden_row_job,
.hidden_row_ref,
.hidden_row_work,
.hidden_row_opts {
    display: none;
}

#columnfilter {
    width: 150px;
    height: auto;
    min-height: 800px;
    margin-top: 14px;
    margin-top: 3px;
}

#columnfilter .checkbox {
    font-weight: normal;
    height: 0;
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 12px;
    white-space: nowrap;
}

#columnsection {
    height: 856px;
    width: 148px;
    padding-left: 8px;
    border-right: 1px solid #dedede;
    overflow: scroll;
}

#disabledoption,
.disabledoption {
    background-color: #e1e1e1;
    color: #d4d4d4;
}

.form-search .listfilter>li {
    margin-bottom: 5px;
}

table.table tbody.monitorbody tr td.variabletd {
    font-size: 12 !important;
}

th.monitorhead span {
    display: block;
    font-size: 10px;
    font-weight: normal;
}

.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned td {
    text-align: left;
}

.popupdiv .form-horizontal .control-label {
    font-size: 12px;
}

.modal-body {
    padding-top: 10px;
}

.checkbox.checkbox-inline input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

#calendar_index .fc-day-grid-event {
    color: #fff;
}

.table>thead>tr>th {
    vertical-align: top;
}

body.print {
    padding: 15px;
}

body.print .hideonprint {
    display: none;
}

.bluelinks,
.btn.bluelinks {
    color: #368ee0;
}

.tabs>li .fa {
    margin-right: 12px;
}

.form-control.ordinary,
.form-control.datepicker,
.form-control.timepicker {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}

.nav-tabs>li>a {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 30px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    line-height: 18px;
}

#wrap {
    border: solid #CCCCCC 1px;
    width: 200px;
    padding: 3px;
    margin-top: 10px;
    margin-left: 0;
    text-align: center;
}

img#refresh {
    cursor: pointer;
    display: inline-block;
    float: left;
    left: 225px;
    margin-left: 4px;
    margin-top: 30px;
    position: absolute;
    top: 5px;
}

.box.box-color .box-title .actions>a.btn.bluelinks {
    color: #368ee0;
}

#publiccontainer input.form-control {
    border-radius: 6px;
    height: 40px;
}

#publiccontainer select.form-control {
    height: 40px;
}

#filenamedisplay,
.filenamedisplay {
    width: 180px;
    height: 30px;
    cursor: text;
    text-overflow: ellipsis;
    height: 30px;
}

#company_index #filenamedisplay,
#company_index .filenamedisplay {
    width: 150px;
}

#company_index #company #filenamedisplay,
#company_index #company .filenamedisplay {
    width: 140px;
}

.input-group-btn .btn {
    height: 30px;
}

#output .output {
    padding: 0;
}

#output .alert,
.output .alert {
    margin-bottom: 0;
}

.reupload {
    right: 0;
    top: -5px;
}

.fileinput {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    cursor: pointer;
    font-size: 99px;
    opacity: 0;
    width: 100%;
    margin-top: -20px;
}

.input-group-btn .fileinput-btn.btn {
    width: 75px;
}

.wrapper1,
.wrapper2 {
    width: 100%;
    border: none 0px #cccccc;
    overflow-x: scroll;
    overflow-y: scroll;
}

.wrapper1 {
    height: 20px;
}

.wrapper2 {
    height: 500px;
}

.div1 {
    width: 3200px;
    height: 20px;
}

.div2 {
    width: 3200px;
    /*height: 500px; */
    background: none;
    /*overflow: auto;*/
}

.box.box-bordered .table.hasrightborder.table-bordered td:last-child {
    border-right: solid 1px #ddd;
}

.alphabets {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    list-style: none outside none;
}

.alphabets:after {
    clear: both;
    content: "";
    display: block;
}

.alphabets li {
    border-left: 1px solid #CCCCCC;
    color: #999999;
    display: inline-block;
    float: left;
    padding: 5px 10px;
    width: auto;
}

#centercolumn.alphabets li:last-child,
#centercolumn.alphabets li:first-child {
    border-right: none;
}

.datefield.form-control {
    background-color: #eee;
    cursor: not-allowed;
}

#ui-datepicker-div {
    background-color: #fBfBfB;
    z-index: 10000 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    margin-top: 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    color: #666;
}

#ui-datepicker-div {
    background-color: #f4f4f4;
}

.mod {
    margin-bottom: 40px;
}

.mod .mod-cnt {
    position: relative;
}

.mod .mod-hdr::before,
.mod .mod-hdr::after {
    content: "";
    display: table;
    line-height: 0;
}

.mod .mod-hdr::after {
    clear: both;
}

.mod .mod-hdr::before,
.mod .mod-hdr::after {
    content: "";
    display: table;
    line-height: 0;
}

.mod .mod-hdr h3 {
    color: #666;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
}

.mod .mod-cnt {
    position: relative;
}

.mod .mod-cnt.boxed,
.mod.boxed,
#sidebar .mod,
.filters,
.profile,
.overlay__panel,
.scrollable-list,
.activities,
.cb-pane,
.positions>li,
#sidebar .company,
.job-editor>.form--large,
#redactor-modal[style] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.filter-header.top {
    border-radius: 4px 4px 0 0;
    border-top: medium none;
}

.filter-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f8f8f8;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    padding: 10px 15px;
    position: relative;
}

.filter-section {
    padding: 10px;
}

.filter-header h5 {
    color: #666;
    line-height: normal;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.filter-toggle {
    outline: medium none;
    position: absolute;
    right: 10px;
    top: 8px;
    color: #236690;
}

.filter-section ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.filter-section li {
    margin-bottom: 5px;
    position: relative;
}

.filter-header h5 {
    color: #666;
    line-height: normal;
    text-transform: uppercase;
}

.filter-header__sub {
    color: #999;
    margin-left: 3px;
    text-transform: none;
}

.filter-section.filter-section--scrollable {
    max-height: 240px;
}

.positions {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.positions>li {
    margin-bottom: 15px;
    position: relative background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.positions .hdr {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    position: relative;
}

.positions .hdr::before,
.positions .hdr::after {
    content: "";
    display: table;
    line-height: 0;
}

.positions .hdr::after {
    clear: both;
}

.positions .hdr h2 {
    float: left;
    font-size: 18px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 670px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 16px;
}

.positions .hdr h2 a,
.positions .hdr h2 a:hover {
    /* color: #333;*/
}

.positions .hdr h2::after {
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.positions .hdr .meta {
    color: #999;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}

.positions .hdr .graph {
    float: right;
    margin-left: 15px;
    margin-top: 3px;
}

.positions .hdr .counters {
    color: #666;
    float: right;
    font-size: 11px;
    margin-top: 5px;
}

.positions .hdr .counters span {
    display: inline-block;
    padding: 2px 0;
}

.positions .hdr .counters span+span {
    margin-left: 5px;
}

.positions .hdr .counters i {
    margin-top: -1px;
}

.positions .hdr .empty {
    background: #fff none repeat scroll 0 0;
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 19px;
}

.positions .hdr .empty::after {
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 100%;
    top: 0;
    width: 40px;
}

.positions .ftr {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
}

.positions .ftr::before,
.positions .ftr::after {
    content: "";
    display: table;
    line-height: 0;
}

.positions .ftr::after {
    clear: both;
}

.positions .ftr em {
    color: #999;
    font-size: 12px;
    font-style: normal;
}

.positions .ftr a {
    color: #666;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.positions .ftr a:hover {
    color: #368ee0;
}

.positions .ftr a i {
    margin-right: 5px;
}

.positions .ftr a i.icon-w-up {
    margin-top: 3px;
}

.positions .ftr a+a {
    margin-left: 15px;
}

.positions .ftr a:hover {
    color: #333;
    text-decoration: none;
}

.positions .ftr a:hover i {
    opacity: 0.6;
}

#published-positions .popover {
    left: auto;
    max-width: none;
    right: -90px;
    top: 60px;
    width: 470px;
}

#closed-positions .nmt-l {
    margin-top: 0 !important;
}

#archived-positions {
    margin-bottom: 0;
}

.stages ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

.stages li {
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.stages .col2 li {
    width: 50%;
}

.stages .col3 li {
    width: 33%;
}

.stages .col4 li {
    width: 25%;
}

.stages .col5 li {
    width: 20%;
}

.stages .col6 li {
    width: 16.6%;
}

.stages .col7 li {
    width: 14.2%;
}

.stages .col8 li {
    width: 12.5%;
}

.stages .col9 li {
    font-size: 12px;
    width: 11.1%;
}

.stages .col9 li .stage__number {
    font-size: 18px;
}

.stages .col10 li {
    font-size: 12px;
    width: 10%;
}

.stages .col10 li .stage__number {
    font-size: 18px;
}

.stages .stage__inner {
    position: relative;
}

.stages .stage__number {
    font-size: 14px;
    font-weight: normal;
}

.stages--wide {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fafafa;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    /*left: 0;*/
    position: relative;
    /*right: 0;
    top: 114px;*/
    z-index: 1001;
}

.stages--wide .col2 .stage__label {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide .col3 .stage__label {
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide .col4 .stage__label {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide .col5 .stage__label {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide .col6 .stage__label {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.stages--wide .col7 .stage__label {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide .col8 .stage__label {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide .col9 .stage__label {
    max-width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide .col10 .stage__label {
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--wide li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.stages--wide li:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.stages--wide li.sourced .stage--current,
.stages--wide li.applied .stage--current {
    color: #666;
}

.stages--wide li.phone-screen .stage--current,
.stages--wide li.assessment .stage--current,
.stages--wide li.interview .stage--current {
    color: #236690;
}

.stages--wide li.shortlisted .stage--current {
    color: #f38305;
}

.stages--wide li.offer .stage--current {
    color: #4aa1a1;
}

.stages--wide li.hired .stage--current {
    color: #67942a;
}

.stages--wide .stage {
    color: #666;
    display: block;
    height: 44px;
    line-height: 40px;
    text-decoration: none;
}

.stages--wide .stage:hover {
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}

.stages--wide .stage.stage--current {
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #e3e3e3, #ececec);
    background-repeat: repeat-x;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) inset;
    text-shadow: 0 1px 0 #fff;
}

.stages--wide .stage__number {
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    position: absolute;
    right: 8px;
    top: 2px;
    line-height: 16px;
    font-size: 12px;
}

.stages--wide .stage__label {
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
}

.stages--compact .col2 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col3 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col4 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col5 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col6 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col7 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col8 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col9 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact .col10 .stage__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stages--compact li+li {
    border-left: 1px solid #ddd;
}

.stages--compact li.sourced .stage,
.stages--compact li.applied .stage {
    color: #666;
}

.stages--compact li.phone-screen .stage,
.stages--compact li.assessment .stage,
.stages--compact li.interview .stage {
    color: #236690;
}

.stages--compact li.shortlisted .stage {
    color: #f38305;
}

.stages--compact li.offer .stage {
    color: #4aa1a1;
}

.stages--compact li.hired .stage {
    color: #67942a;
}

.stages--compact li.sourced .stage:hover,
.stages--compact li.applied .stage:hover {
    background: #666 none repeat scroll 0 0;
}

.stages--compact li.phone-screen .stage:hover,
.stages--compact li.assessment .stage:hover,
.stages--compact li.interview .stage:hover {
    background: #236690 none repeat scroll 0 0;
}

.stages--compact li.shortlisted .stage:hover {
    background: #f38305 none repeat scroll 0 0;
}

.stages--compact li.offer .stage:hover {
    background: #4aa1a1 none repeat scroll 0 0;
}

.stages--compact li.hired .stage:hover {
    background: #67942a none repeat scroll 0 0;
}

.stages--compact .stage {
    color: #666;
    display: block;
    padding: 15px 0;
    text-decoration: none;
}

.stages--compact .stage:hover .stage__number {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.stages--compact .stage:hover .stage__label {
    color: rgba(255, 255, 255, 0.8);
}

.stages--compact .stage__number {
    display: block;
    margin-bottom: 3px;
}

.stages--compact .stage__label {
    color: #888;
    display: block;
    margin: 0 auto;
    font-size: 12px !important;
}

.stages--compact .stage__inner .stage__label {
    font-weight: normal;
}


/* Careers Page Styles */

body.app.careers {
    background: #eceef1 none repeat scroll 0 0;
    padding: 0 20px;
}

.app.careers #main::after,
#footer::after {
    clear: both;
    content: "";
    display: table;
}

.app.careers #main,
#footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding-left: 0;
    padding-right: 0;
    clear: both;
    display: block;
    float: none;
    z-index: 0;
}

.app.careers #main {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.app.careers #footer {
    color: #929395;
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.app.careers #footer a {
    color: #929395;
    font-weight: bold;
    text-decoration: underline;
}

.app.careers .right {
    float: right !important;
}

.app.careers main {
    display: block;
}

.app.careers #header {
    border-top: medium none;
}

.app.careers .section {
    border-top: 2px solid #eceef1;
    padding: 30px;
}

.app.careers .section.section--text {
    padding: 10px 30px;
}

.app.careers .section::after {
    clear: both;
    content: "";
    display: table;
}

.app.careers #header img {
    display: block;
    height: auto;
    max-width: 100%;
}

.app.careers a img {
    border: medium none;
}

.app.careers #main.tiled #company {
    float: left;
    padding-right: 2%;
    width: 100%;
}

.app.careers .section .section__header {
    color: #515353;
    font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}

.app.careers .section.section--text p,
.section.section--text li {
    color: #515353;
    font-size: 14px;
}

.app.careers .section h6 {
    color: #515353;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}

.app.careers #main.tiled #jobs {
    float: right;
    width: 100%;
}

.app.careers ol,
.app.careers ul {
    list-style: outside none none;
    padding: 0;
}

.app.careers h2,
.app.careers .beta {
    font-size: 18px;
}

.app.careers p:last-child {
    margin-bottom: 0 !important;
}

.app.careers .meta {
    color: #515353;
    font-size: 13px;
    margin-bottom: 0;
}

.app.careers ul.jobs li {
    padding-bottom: 15px;
    border-bottom: 1px dashed #999;
}

.app.careers .row.stepcontent {
    margin: 0;
}

.app.careers #indexform.form-horizontal .control-label {
    text-align: right;
}

.app.careers .fieldsetcontainer {
    border: 1px solid #ddd;
}

.search-box {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    padding: 20px;
}

.search-box input[type="text"] {
    width: 400px;
}

.control--large {
    font-size: 14px;
    height: 34px;
    padding: 6px 8px;
}

.control,
.control-faux {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 20px;
    padding: 4px 6px;
    transition: border 0.2s linear 0s;
    vertical-align: middle;
    width: 100%;
}

.search-results .search-result {
    border-top: 1px solid #eee;
}

.search-results .search-result:first-child {
    border-top: medium none;
}

.search-results .search-result a {
    display: block;
    padding: 10px;
    text-decoration: none;
}

.search-results .search-result a::before,
.search-results .search-result a::after {
    content: "";
    display: table;
    line-height: 0;
}

.search-results .search-result a::after {
    clear: both;
}

.search-results .search-result a:hover,
.search-results .search-result a.hover {
    background-color: #f2f2f2;
}

.search-results .search-result h3 {
    font-size: 13px;
}

.search-results .search-result p {
    color: #666;
    font-size: 12px;
    margin: 0;
}

.search-results .search-result p.muted {
    color: #999;
    font-size: 12px;
    font-weight: bold;
}

.search-results .search-result .hashtags {
    font-size: 12px;
}

.search-results .search-result h3,
.search-results .search-result p {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-results .search-result .hi {
    font-weight: bold;
}

.search-results .search-result img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    float: left;
    margin-right: 10px;
    padding: 2px;
}

.search-results .search-result .info {
    overflow: hidden;
}

.candidate {
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 10px;
    height: auto;
}

.candidate::before,
.candidate::after {
    content: "";
    display: table;
    line-height: 0;
}

.candidate::after {
    clear: both;
}

.candidate.candidate--inactive .candidate__info__name a,
.candidate.candidate--inactive p {
    color: #999;
}

.candidate.candidate--unread {
    box-shadow: 10px 0 0 -5px #236690 inset;
}

.candidate.candidate--selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fffad8;
    border-color: #e0d2b2;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: -1px;
}

.candidate:first-child {
    border-top: medium none;
}

.candidate:last-child {
    border-bottom: 1px solid #ddd;
}

.candidate p {
    font-size: 13px;
    margin-bottom: 0;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.candidate small {
    color: #aaa;
    font-size: 11px;
}

.candidate small::before,
.candidate small::after {
    content: "";
    display: table;
    line-height: 0;
}

.candidate small::after {
    clear: both;
}

.candidate small i {
    margin: 0 3px 0 0;
    vertical-align: text-bottom;
}

.candidate small .avatar {
    float: left;
    line-height: 15px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.candidate .hi {
    background: #fff18a none repeat scroll 0 0;
}

.candidate__selector {
    float: left;
    margin-right: 10px;
    padding-top: 20px;
}

.candidate__selector input {
    margin-top: 0;
}

.candidate__img {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    float: left;
    height: 50px;
    margin-right: 10px;
    padding: 4px;
    position: relative;
    width: 50px;
}

.candidate__img img {
    display: block;
}

.candidate__img__recruiter {
    border: 3px solid #fff;
    border-radius: 30px;
    bottom: -5px;
    left: -5px;
    position: absolute;
}

.candidate__img__recruiter img {
    border-radius: 30px;
}

.candidate__info {
    color: #666;
    overflow: hidden;
}

.candidate__info__name {
    font-size: 18px;
    margin: 3px 0;
}

.candidate-db .search-results .search-result:first-child {
    border-right: 1px solid #eee;
}

.candidate-db .search-results tr:first-child td {
    border-top: medium none;
}

.candidate-db .search-results .search-result {
    border-bottom: 1px solid #eee;
    padding: 0;
    vertical-align: top;
    width: 50%;
}

.candidate-db .search-results .search-result h3,
.candidate-db .search-results .search-result p {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.candidate-db .search-results .search-result h3 {
    color: #333;
    font-size: 18px;
    margin-top: -3px;
}

.blank-slate {
    border: 2px dashed #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    text-align: center;
}

.m-l {
    margin: 20px !important;
}

.blank-slate h4 {
    color: #999;
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.scrollable-list {
    background-clip: padding-box;
    min-height: 600px;
    height: auto;
    max-height: 800px;
}

.scrollable-list__header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    padding: 10px;
    padding-left: 0;
}

.scrollable-list__header::before,
.scrollable-list__header::after {
    content: "";
    display: table;
    line-height: 0;
}

.scrollable-list__header::after {
    clear: both;
}

.scrollable-list__header__tabs {
    font-size: 0;
    list-style: outside none none;
    margin: -10px;
    padding-left: 0;
    margin-left: 0;
}

.scrollable-list__header__tab {
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: -1px;
    text-align: center;
    text-transform: uppercase;
}

.scrollable-list__header__tab+.scrollable-list__header__tab {
    border-left: 1px solid #ddd;
}

.scrollable-list__header__tab.active {
    border-bottom: 1px solid #fff;
}

.scrollable-list__header__tab.active .faux-link {
    background-color: #fff;
    color: #666;
}

.scrollable-list__header__tab:first-child .faux-link {
    border-radius: 4px 0 0;
}

.scrollable-list__header__tab:last-child .faux-link {
    border-radius: 0 4px 0 0;
}

.scrollable-list__header__tab .faux-link {
    color: #999;
    cursor: pointer;
    display: block;
    padding: 10px 0;
}

.scrollable-list__header__tab .faux-link:hover {
    background-color: #fff;
    text-decoration: none;
}

.scrollable-list__subheader {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    padding: 5px 10px;
}

.scrollable-list__subheader .dropdown-toggle {
    font-weight: bold;
}

.scrollable-list__subheader .dropdown-toggle .caret {
    border-top-color: #236690;
}

.scrollable-list__subheader .control--transparent {
    padding-left: 21px;
}

.scrollable-list__subheader .add-on {
    left: -7px;
    top: -4px;
}

.scrollable-list__subheader .clear-filter {
    cursor: pointer;
    float: right;
    position: relative;
    z-index: 100;
}

.scrollable-list__subheader .clear-filter:hover i {
    opacity: 0.5;
}

.scrollable-list__body {
    border-radius: 0 0 4px 4px;
    overflow-y: scroll;
    position: relative;
    height: 600px;
}

.scrollable-list__body .scroll-shelf {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.05) inset;
}

#browser #list {
    position: fixed;
    top: 180px;
    width: 380px;
}

.one-half {
    width: 50% !important;
}

.faux-link {
    color: #236690;
    cursor: pointer;
}

.pack {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.pack__item {
    display: table-cell;
    vertical-align: middle;
}

.input-append,
.input-prepend {
    position: relative;
    white-space: nowrap;
}

.label--badge {
    border-radius: 2px;
    display: inline-block;
    padding: 3px 6px;
    margin-left: 5px;
    vertical-align: baseline;
}

.label--graylight {
    background: #ccc none repeat scroll 0 0;
}

.label--graylight {
    background: #ccc none repeat scroll 0 0;
}

.label--graylight.green {
    background: #339933 none repeat scroll 0 0;
}

.label--graylight.danger {
    background: #e63a3a none repeat scroll 0 0;
}

#browser .stage-empty {
    height: 600px;
}

.blank-slate--full {
    display: table;
    height: 100%;
    padding: 0;
    width: 100%;
}

.blank-slate {
    border: 2px dashed #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    text-align: center;
}

.blank-slate--full .blank-slate__content {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    color: #999;
}

.blank-slate--full .blank-slate__content {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.blank-slate h2+h4 {
    margin-top: 5px;
}

.blank-slate h4 {
    color: #999;
    font-size: 15px;
}

.dividerline {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2px;
    clear: both;
    display: block;
}

.cb-pane-wrapper {
    min-height: 600px;
    position: relative;
    z-index: 1005;
}

.cb-pane--edit::before,
.cb-pane--edit::after {
    content: "";
    display: table;
    line-height: 0;
}

.cb-pane--edit::after {
    clear: both;
}

.cb-pane__resume {
    box-sizing: border-box;
    float: left;
    padding: 30px 0 30px 30px;
    width: 67%;
}

.cb-pane__resume .drop-area {
    height: 700px;
}

.cb-pane__resume .drop-area--dragging {
    border-radius: 4px;
    box-shadow: 0 0 10px #4aa1a1;
}

.cb-pane__resume .drop-area--dragging .blank-slate {
    border-color: #4aa1a1;
}

.cb-pane__form {
    box-sizing: border-box;
    float: left;
    width: 33%;
}

.cb-pane__header {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    padding: 15px 20px;
    position: relative;
}

.cb-pane__header h2 {
    font-size: 22px;
}

.profile__toolbar {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    height: 45px;
}

.profile__toolbar::before,
.profile__toolbar::after {
    content: "";
    display: table;
    line-height: 0;
}

.profile__toolbar::after {
    clear: both;
}

.profile__toolbar__section {
    background-color: #f8f8f8;
    border-left: 1px solid #ddd;
    display: inline-block;
    margin-right: -4px;
    padding: 0 5px;
}

.profile__position {
    color: #999;
    float: left;
    margin-left: 125px;
    margin-top: 15px;
}

.profile__position a {
    color: #999;
}

.profile__position strong {
    color: #ba474a;
}

.profile__actions {
    float: right;
}

.profile__actions .tooltip {
    z-index: 1038 !important;
}

.profile__actions__bar {
    position: relative;
}

.profile__actions__bar a {
    cursor: pointer;
}

.profile__actions__bar [class^="icon-"] {
    background-image: url("../images/24px-icons-40c1e86498e21f5c25868732a8c8a282.png");
    display: inline-block;
    height: 24px;
    margin-top: 10px;
    vertical-align: text-top;
    width: 24px;
}

.profile__actions__bar .icon-disqualify[class^="icon-"] {
    background-position: -24px -48px;
}

.profile__actions__bar .icon-copy[class^="icon-"] {
    background-position: -48px -48px;
}

.profile__actions__bar .icon-comment[class^="icon-"] {
    background-position: -72px -48px;
}

.profile__actions__bar .icon-email[class^="icon-"] {
    background-position: -408px -48px;
}

.profile__actions__bar .icon-revert[class^="icon-"] {
    background-position: -456px -48px;
}

.profile__actions__bar .icon-maximize[class^="icon-"] {
    background-position: -384px -96px;
}

.profile__actions__bar .icon-minimize[class^="icon-"] {
    background-position: -408px -96px;
}

.profile__actions__bar .icon-event[class^="icon-"] {
    background-position: -432px -96px;
}

.profile__actions__bar .icon-pencil[class^="icon-"] {
    background-position: -528px -96px;
}

.profile__actions__bar .icon-share[class^="icon-"] {
    background-position: -576px -144px;
}

.profile__actions__bar .icon-check[class^="icon-"] {
    background-position: -552px -168px;
}

.profile__actions__bar .icon-arrow[class^="icon-"] {
    background-position: -384px -96px;
}

.profile__actions__bar .icon-arrow-collapse[class^="icon-"] {
    background-position: -408px -96px;
}

.profile__actions__bar.affix {
    background-color: rgba(53, 53, 53, 0.95);
    background-image: linear-gradient(to bottom, rgba(61, 61, 61, 0.95), rgba(41, 41, 41, 0.95));
    background-repeat: repeat-x;
    border-radius: 4px;
    margin-right: -590px;
    margin-top: -18px;
    position: fixed;
    right: 50%;
    z-index: 1002;
}

.inbox .profile__actions__bar.affix {
    top: 70px;
}

.profile__actions__bar.affix .profile__toolbar__section {
    background-color: rgba(53, 53, 53, 0.95);
    background-image: linear-gradient(to bottom, rgba(61, 61, 61, 0.95), rgba(41, 41, 41, 0.95));
    background-repeat: repeat-x;
    border-left: 1px solid #555;
}

.profile__actions__bar.affix .profile__actions__bar__drawer {
    background-color: rgba(53, 53, 53, 0.95);
    background-image: linear-gradient(to bottom, rgba(61, 61, 61, 0.95), rgba(41, 41, 41, 0.95));
    background-repeat: repeat-x;
    border-radius: 4px 0 0 4px;
}

.profile__actions__bar.affix .move-to {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #555;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    height: 45px;
    margin: 0;
}

.profile__actions__bar.affix .move-to .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aaa;
}

.profile__actions__bar.affix .move-to .dropdown>a {
    border-left: 1px solid #555;
    padding: 14px 10px 13px;
}

.profile__actions__bar.affix .icon-disqualify {
    background-position: -264px -120px;
}

.profile__actions__bar.affix .icon-copy {
    background-position: -288px -120px;
}

.profile__actions__bar.affix .icon-comment {
    background-position: -336px -120px;
}

.profile__actions__bar.affix .icon-email {
    background-position: -360px -120px;
}

.profile__actions__bar.affix .icon-revert {
    background-position: -384px -120px;
}

.profile__actions__bar.affix .icon-maximize {
    background-position: -408px -120px;
}

.profile__actions__bar.affix .icon-minimize {
    background-position: -432px -120px;
}

.profile__actions__bar.affix .icon-event {
    background-position: -456px -120px;
}

.profile__actions__bar.affix .icon-pencil {
    background-position: -528px -120px;
}

.profile__actions__bar.affix .icon-share {
    background-position: -576px -168px;
}

.profile__actions__bar.affix .icon-check {
    background-position: -528px -168px;
}

.profile__actions__bar.affix .icon-arrow {
    background-position: -408px -120px;
}

.profile__actions__bar.affix .icon-arrow-collapse {
    background-position: -432px -120px;
}

.profile__actions__bar.affix .icon-w-white-arrow-right {
    background-position: -80px -96px;
}

.profile__actions__bar.affix .dropdown-toggle {
    text-shadow: 0 1px 0 #000;
}

.profile__actions__bar__stationary {
    position: relative;
    z-index: 1;
}

.profile__actions__bar__drawer {
    left: -33px;
    position: absolute;
}

.profile__actions__bar__drawer.open {
    position: static;
    vertical-align: top;
}

.profile__action {
    box-sizing: border-box;
    display: inline-block;
    height: 45px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 45px;
}

.profile__action.profile__action--more {
    width: 30px;
}

.profile__action.profile__action--inactive a {
    cursor: default;
    opacity: 0.6;
}

.profile__action.profile__action--inactive.profile__action--move {
    opacity: 0.6;
}

.profile__action>a {
    -moz-user-select: none;
    display: block;
    height: 100%;
}

.profile__action.dropdown.open>a,
.profile__action>a:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.profile__action.sourced,
.profile__action.applied {
    background-color: #9d9d9d;
    background-image: linear-gradient(to bottom, #adadad, #868686);
    background-repeat: repeat-x;
    border: 1px solid #666;
}

.profile__action.phone-screen,
.profile__action.assessment,
.profile__action.interview {
    background-color: #666;
    background-image: linear-gradient(to bottom, #333, #999);
    background-repeat: repeat-x;
    border: 1px solid #143b53;
}

.profile__action.shortlisted {
    background-color: #f97e00;
    background-image: linear-gradient(to bottom, #ff8100, #f17a00);
    background-repeat: repeat-x;
    border: 1px solid #d26b00;
}

.profile__action.offer {
    background-color: #4da5a5;
    background-image: linear-gradient(to bottom, #58b3b3, #3c8f8f);
    background-repeat: repeat-x;
    border: 1px solid #3b8383;
}

.profile__action.hired {
    background-color: #5f8826;
    background-image: linear-gradient(to bottom, #67942a, #527521);
    background-repeat: repeat-x;
    border: 1px solid #3c5719;
}

.profile__action.move-to {
    border-radius: 0 4px 0 0;
    height: 47px;
    margin: -1px -1px -1px 0;
    width: auto;
}

.profile__action.move-to .next-stage {
    color: #fff;
    display: inline-block;
    font: 13px "Myriad W08", "Segoe UI", Calibri, sans-serif;
    height: auto;
    padding: 14px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

.profile__action.move-to .next-stage.disabled {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    cursor: not-allowed;
    margin-right: -3px;
    opacity: 0.4;
}

.profile__action.move-to i {
    display: inline-block;
    height: 16px;
    margin: 1px 5px 0 0;
    vertical-align: text-top;
    width: 16px;
}

.profile__action.move-to .dropdown {
    display: inline-block;
}

.profile__action.move-to .dropdown>a {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    padding: 14px 10px;
}

.profile__action.move-to .dropdown.open>a {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
}

.profile__action.move-to .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    margin-left: 0;
}

.profile__zoom {
    float: right;
    position: relative;
}

.profile__zoom::after {
    bottom: -10px;
    content: "";
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px;
}

.profile__header {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px 20px 125px;
    position: relative;
}

.profile__header::before,
.profile__header::after {
    content: "";
    display: table;
    line-height: 0;
}

.profile__header::after {
    clear: both;
}

.profile__header .img {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
    float: left;
    height: 90px;
    margin: -30px 0 0 -110px;
    padding: 5px;
    position: relative;
    width: auto;
}

.profile__header .img .source {
    bottom: 5px;
    display: block;
    height: 16px;
    position: absolute;
    right: 5px;
    width: 16px;
}

.profile__header .img .source:hover {
    cursor: help;
}

.profile__header .img--clear {
    border-color: #67942a;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05), 0 0 0 1px #67942a inset;
}

.profile__header .img--clear::after {
    background: #67942a url("../images/bg-check-clear-305078201fa39666130777a97e84b0f7.png") no-repeat scroll center center;
    border-radius: 0 0 0 2px;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 20px;
}

.profile__header .img--consider {
    border-color: #ba474a;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05), 0 0 0 1px #ba474a inset;
}

.profile__header .img--consider::after {
    background: #ba474a url("../images/bg-check-consider-072f02b84b983a02595888e29a3599e5.png") no-repeat scroll center center;
    border-radius: 0 0 0 2px;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 20px;
}

.profile__header h2 {
    font-size: 22px;
}

.profile__header h3 {
    color: #666;
    font-size: 18px;
    margin: 3px 0 0;
    min-height: 24px;
}

.profile__header h3.muted {
    color: #999;
}

.profile__header h3:empty {
    display: none;
}

.profile__header .hi {
    background: #fff18a none repeat scroll 0 0;
}

.profile__section {
    border-bottom: 1px solid #ddd;
    position: relative;
    transition: box-shadow 0.4s linear 0s;
}

.profile__section:empty {
    border-bottom: medium none;
}

.profile__section--highlight {
    box-shadow: 0 0 0 3px #f38305;
    z-index: 1;
}

.profile__section__header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
}

.profile__section__header::before,
.profile__section__header::after {
    content: "";
    display: table;
    line-height: 0;
}

.profile__section__header::after {
    clear: both;
}

.profile__section__header h3 {
    float: left;
    font-size: 18px;
    margin: 0;
    padding: 12px 0 12px 15px;
}

.profile__section__header .toggle {
    float: right;
    padding: 8px 15px 8px 0;
}

.profile__section__header .toggle .icon-toggle {
    background-image: url("../images/24px-icons-40c1e86498e21f5c25868732a8c8a282.png");
    background-position: -96px -48px;
    display: inline-block;
    height: 24px;
    outline: medium none;
    padding: 0;
    text-indent: -9999em;
    vertical-align: text-top;
    width: 24px;
}

.profile__section__header .toggle.collapsed .icon-toggle {
    background-position: -120px -48px;
}

.profile__section__header .download {
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
    margin-top: 12px;
}

.profile__subsection {
    -moz-hyphens: auto;
    padding: 20px;
    word-wrap: break-word;
}

.profile__subsection+.profile__subsection,
.viewer+.profile__subsection {
    border-top: 1px solid #eee;
}

.profile__subsection.cover-letter p:last-child,
.profile__subsection.summary p:last-child {
    margin-bottom: 0;
}

.profile__subsection h4 {
    color: #666;
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.profile__subsection h4 i {
    margin-right: 5px;
    position: relative;
    top: 0;
}

.profile__subsection h4 span {
    color: #999;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 3px;
    text-transform: none;
}

.profile__subsection .requirements li {
    margin-bottom: 5px;
}

.profile__subsection .requirements li.hit {
    color: #548618;
}

.profile__subsection .requirements li.miss {
    color: #999;
}

.profile__subsection .requirements i {
    margin-right: 10px;
    opacity: 1;
}

.profile__subsection .hi {
    background: #fff18a none repeat scroll 0 0;
}

.profile__footer {
    background-color: #f8f8f8;
    border-radius: 0 0 4px 4px;
    color: #999;
    padding: 10px 15px;
}

.profile__footer::before,
.profile__footer::after {
    content: "";
    display: table;
    line-height: 0;
}

.profile__footer::after {
    clear: both;
}

.profile__footer a {
    font-weight: bold;
}

.profile__footer .icon-w-recruiter,
.profile__footer .avatar {
    margin: -1px 3px 0 0;
}

.profile__disclaimer {
    background: #fbf6d9 none repeat scroll 0 0;
    border: 1px solid #dad08b;
    border-radius: 4px 4px 0 0;
    color: #5c4e25;
    font-weight: bold;
    margin: -1px -1px 0;
    padding: 5px 0;
    text-align: center;
}

.profile--maximized .profile__body {
    display: table;
    width: 100%;
}

.profile--maximized .profile__body__pane {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    width: 50%;
}

.profile--maximized .profile__body__pane+.profile__body__pane {
    background-color: #fff;
    border-left: 1px solid #ddd;
    box-shadow: 100px 0 0 -50px #fafafa inset;
}

.profile--maximized .candidate-timeline,
.profile--maximized .candidate-profile,
.profile--maximized .candidate-answers {
    border-bottom: medium none;
}

.profile--maximized .candidate-answers {
    border-top: 1px solid #ddd;
}

.profile--maximized .profile__footer {
    border-top: 1px solid #ddd;
}

.profile--maximized .timeline-container {
    border-bottom: 1px solid #eee;
}

.profile--maximized .message-form .control-group.from .controls {
    margin-left: 0;
}

.profile--maximized .message-form .control-group.to h4,
.profile--maximized .message-form .control-group.to p,
.profile--maximized .message-form .control-group.from h4,
.profile--maximized .message-form .control-group.from p {
    max-width: 155px;
}

.profile--maximized .timeline__item__info .summary {
    width: 420px;
}

dl {
    margin: 0;
}

dt,
dd {
    line-height: 20px;
    margin: 0;
}

.dl-list,
.profile__subsection dl {
    padding-left: 100px;
}

.dl-list::before,
.profile__subsection dl::before,
.dl-list::after,
.profile__subsection dl::after {
    content: "";
    display: table;
    line-height: 0;
}

.dl-list::after,
.profile__subsection dl::after {
    clear: both;
}

.dl-list dt,
.profile__subsection dl dt {
    clear: both;
    color: #999;
    float: left;
    margin-left: -100px;
}

.dl-list dd,
.profile__subsection dl dd {
    color: #666;
    overflow: hidden;
}

.dl-list dd+dt,
.profile__subsection dl dd+dt,
.dl-list dd+dt+dd,
.profile__subsection dl dd+dt+dd {
    margin-top: 10px;
}

.dl-list dd strong,
.profile__subsection dl dd strong {
    color: #333;
}

.dl-list--right dt {
    text-align: right;
    width: 100px;
}

.dl-list--right dd {
    padding-left: 15px;
}

.dl-list--wide {
    padding-left: 220px !important;
}

.dl-list--wide dt {
    margin-left: -220px !important;
}

.chatusers {
    line-height: 21px;
    list-style: none outside none;
    margin-bottom: 10px;
    padding-left: 0;
}

.chatusers li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border-right: 1px solid #CCCCCC;
    border-style: none dashed dashed;
    border-width: 0 1px 1px;
    padding: 1px;
    position: relative;
}

.chatusers li:first-child {
    border-top: 1px dashed #CCCCCC;
}

.chatusers li span.msgcount {
    background: none repeat scroll 0 0 #FB9337;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 3px 5px;
    position: absolute;
    right: 10px;
    top: 12px;
}

.chatusers li>a {
    color: #666666;
    display: block;
    padding: 8px 10px;
}

.chatusers li.current>a {
    color: #317EAC;
}

.chatusers li.online>a {
    background: url("../images/online.png") no-repeat scroll right 16px rgba(0, 0, 0, 0);
}

.chatusers li.new>a {
    font-weight: bold;
}

.chatusers li>a:hover {
    background-color: #EEEEEE;
    text-decoration: none;
}

.chatusers li>a img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.detailscontainer {
    width: 95%;
    margin: 10px;
    padding: 10px;
    padding-bottom: 30px;
    border: 1px dashed #333333;
    position: relative;
}

table.printtable {
    background-color: #368ee0;
}


/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline {
    display: inline;
}

#ui-timepicker-div {
    padding: 0.2em;
}

.ui-timepicker-table {
    display: inline-table;
    width: 0;
}

.ui-timepicker-table table {
    margin: 0.15em 0 0 0;
    border-collapse: collapse;
}

.ui-timepicker-hours,
.ui-timepicker-minutes {
    padding: 0.2em;
}

.ui-timepicker-table .ui-timepicker-title {
    line-height: 1.8em;
    text-align: center;
}

.ui-timepicker-table td {
    padding: 0.1em;
    width: 2.2em;
}

.ui-timepicker-table th.periods {
    padding: 0.1em;
    width: 2.2em;
}


/* span for disabled cells */

.ui-timepicker-table td span {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    text-align: right;
    text-decoration: none;
}


/* anchors for clickable cells */

.ui-timepicker-table td a {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 2.2em;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
}


/* buttons and button pane styling */

.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-timepicker .ui-timepicker-buttonpane button {
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}


/* The close button */

.ui-timepicker .ui-timepicker-close {
    float: right
}


/* the now button */

.ui-timepicker .ui-timepicker-now {
    float: left;
}


/* the deselect button */

.ui-timepicker .ui-timepicker-deselect {
    float: left;
}

.dataTables_wrapper .ColVis {
    margin: 0;
    position: absolute;
    right: 110px;
    top: 11px;
}

.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned th {
    border: 1px solid #ddd;
}

.panel-title {
    font-size: 13px;
}

.panel-title a {
    display: block;
    text-decoration: none;
}

.panel-body {
    padding: 10px 10px;
}

.panel-group {
    margin-bottom: 5px;
}

.progress {
    margin-bottom: 0;
}

.mod .mod-hdr h3 {
    margin-bottom: 5px;
}

.box.box-color .box-title .actions>a {
    /*color:#333;*/
    color: #fff;
}


/* styles for responsive pivot UI + bootstrap-like styles default */

.pivotHolder table.pvtUi {
    table-layout: fixed;
}

.pivotHolder select {
    visibility: hidden;
}

.pivotHolder select.form-control {
    visibility: visible;
}

.pivotHolder>table.pvtUi,
.pivotHolder table.pvtTable {
    width: auto;
    margin-bottom: 0px;
}

.pivotHolder>table.pvtUi>tbody>tr>td,
.pivotHolder>table.pvtUi>tbody>tr>th {
    border: 1px solid #ddd;
}

.pivotHolder .pvtAxisContainer li span.pvtAttr {
    height: auto;
    white-space: nowrap;
}

.pivotHolder .pvtAxisContainer.pvtUnused,
.pivotHolder .pvtAxisContainer.pvtCols {
    vertical-align: middle;
}

.pivotHolder>table.pvtUi>tbody>tr:first-child>td:first-child {
    width: 250px;
}

.pivotHolder td.pvtRendererArea {
    padding-bottom: 0px;
    padding-right: 0px;
    border-bottom-width: 0px !important;
    border-right-width: 0px !important;
}

.pivotHolder td.pvtVals br {
    display: none;
}

.pvtRendererArea>div {
    overflow: auto;
}

.pvtTableRendererHolder {
    max-height: 500px;
    /* limit table height if needed */
}

.pvtUi select.pvtRenderer,
.pvtUi select.pvtAggregator,
.pvtUi select.pvtAttrDropdown {
    float: left;
    max-width: 150px;
}


/* custom */

table.pvtUi td:first-child {
    min-width: 250px;
    max-width: 300px;
    white-space: normal;
}

.pvtFixedHeader {
    cursor: pointer;
}

td.pvtAxisContainer.pvtRows {
    max-width: 300px;
}

th.pvtAxisLabel {
    min-width: auto !important;
}

.pvtColLabel {
    min-width: 100px;
    max-width: 200px;
    white-space: normal;
}

.pvtRowLabel {
    min-width: 150px;
    max-width: 250px;
    white-space: normal;
}

.pvtAxisContainer li span.pvtAttr {
    padding: 6px;
    margin-bottom: 5px;
    white-space: nowrap;
    background: #fff;
    white-space: normal;
    display: inline-block;
}

.pvtFilterBox {
    max-width: 600px;
    width: auto;
    text-align: left;
}

.pvtFilterBox p {
    padding: 8px;
}

.pvtFilterBox p button {
    margin-right: 8px;
}

table.pvtTable tbody tr th,
table.pvtTable thead tr th {
    background-color: #eeeeee;
}

.c3-line,
.c3-focused {
    stroke-width: 3px !important;
}

.c3-bar {
    stroke: white !important;
    stroke-width: 1;
}

.c3 text {
    font-size: 12px;
    color: grey;
}

.tick line {
    stroke: white;
}

.c3-axis path {
    stroke: grey;
}

.c3-circle {
    opacity: 1 !important;
}

.c3-xgrid-focus {
    visibility: hidden !important;
}

#navigation .main-nav>li>a {
    padding: 10px 15px;
}

#navigation .main-nav>li>a>span {
    font-size: 13px;
}

.portlet-widgets {
    margin-right: 10px;
}

.contentarea {
    min-height: 450px;
    border: 2px dashed #333;
    margin: 0;
}

.managelist .checkbox input[type="checkbox"],
.managelist .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
    margin-top: 1px;
}

.radio label,
.checkbox label {
    padding-left: 2px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    margin-left: 0;
    position: relative;
}

.dataTables_filter {
    display: none;
    position: relative;
    top: 0;
    right: 0;
    text-align: left;
}

#newSearchPlace .dataTables_filter {
    position: relative;
    right: 0;
    top: 0;
    display: block;
}

.dataTables_filter label {
    display: block;
    width: 100% !important;
}

.dataTables_filter input {
    width: 85%;
}

div.dataTables_filter {
    text-align: left;
}

#listtable_length {
    display: none;
}

#listtable_wrapper.dataTables_wrapper .ColVis {
    display: none;
}

div.ColVis {
    float: left;
    margin: 0;
    padding: 0;
}

button.ColVis_Button {
    height: auto;
    margin-right: 0;
    padding: 6px 8px;
    border: solid 1px #ddd;
}

button.ColVis_Button,
ul.ColVis_collection li {
    color: #333;
    cursor: pointer;
    font-size: 10px;
}

ul.ColVis_collection {
    background-color: #fff;
    opacity: 1;
}

ul.pagination {
    padding: 0;
    margin: 0;
}

#fm-version-label,
#fm-pivot-view #fm-branding-bar #fm-link,
#fm-pivot-view #fm-branding-bar #fm-link a,
#fm-pivot-view #fm-branding-bar #fm-info-icon {
    color: #fff !important;
}

#fm-toolbar-wrapper div.fm-popup select option.placeholder {
    color: white;
    font-size: 0px;
    display: none;
}

.fm-ui-element.fm-ui.fm-noselect {
    position: relative;
    text-shadow: none;
}