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

[Table of CSS]

1. General
2. About us page 
3. Jobs page
4. News & Updates page
5. Contact Us page
6. Announcements page
* ======================================================== */

/*-----------------
	Media Queries
    * media queries are used to apply different styles depending on the screen size or device characteristics.
    * 1250px
    * 1200px
    * 1100px
    * 1024px
    * 976px
    * 840px
    * 767px
    * 480px
    * 350px
-----------------------*/

/*-----------------
	1. General
-----------------------*/
/* 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: 100%;
    display: none;
    margin-top: 0;
    margin-left: 0px;
    border-top: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 5px #999;
    border: 1px solid #6DADBD;
    border-radius: 0.5rem;
    background-color: white;
    z-index: 900;
    max-height: 600px;
    overflow-y: scroll;
    list-style: none;
}

#divResult {
    position: absolute;
    width: 100%;
    display: none;
    margin-top: 0;
    margin-left: 0px;
    border-top: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 5px #999;
    border: 1px solid #6DADBD;
    border-radius: 0.5rem;
    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: #d0e5fd;
    color: #565B4F;
    cursor: pointer;
}

.separator {
    padding: 5px 10px 5px 10px;
    /*border:solid 1px #666; */
    height: auto;
    background-color: #204e81;
    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.home {
    width: 100%;
}

.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_monitor,
.hidden_row_new_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: 14px;
}

.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 .panelist-conflict,
.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;
}

.tab-pane a.viewall {
    float: right;
}

.nocss{

    float: right;
    padding: 4px 6px;
    background: #e90808;
    font-size: 10px;
    color: #fff;
    border-radius: 100%;

}

.profile__action.move-to .score {
    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;
}

/* Initialised Template styles */

.margin0,
.table td.margin {
    margin: 0;
}

.automargin {
    margin: 0 auto;
}

.table.smalltdpad td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.margin1 {
    margin: 1px;
}

.margin2 {
    margin: 2px;
}

.margin3 {
    margin: 3px;
}

.margin4 {
    margin: 4px;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.marginleft0 {
    margin-left: 0;
}

.marginleft5 {
    margin-left: 5px;
}

.marginleft10 {
    margin-left: 10px;
}

.marginright0 {
    margin-right: 0;
}

.padding0,
.table td.padding0,
.table.padding0 td {
    padding: 0;
}

.padding1,
.table td.padding1,
.table.padding1 td {
    padding: 1px;
}

.padding2,
.table td.padding2,
.table.padding2 td {
    padding: 2px;
}

.padding3,
.table td.padding3,
.table.padding3 td {
    padding: 3px;
}

.padding4,
.table td.padding4,
.table.padding4 td {
    padding: 4px;
}

.padding5,
.table td.padding5,
.table.padding5 td {
    padding: 5px;
}

.padding10,
.table td.padding10,
.table.padding10 td {
    padding: 10px;
}

.padding15,
.table td.padding15,
.table.padding15 td {
    padding: 15px;
}

.padding20,
.table td.padding20,
.table.padding20 td {
    padding: 20px;
}

.paddingleft0 {
    padding-left: 0;
}

.paddingtop0 {
    padding-top: 0;
}

.paddingleft5 {
    padding-left: 5px;
}

.paddingleft10 {
    padding-left: 10px;
}

.paddingright,
.paddingright0 {
    padding-right: 0;
}

.nopadding {
    padding: 0;
}

.nomargin {
    margin: 0;
}

.padding5 {
    padding: 5px;
}

.padding20 {
    padding: 20px;
}

.divider0 {
    clear: both;
    height: 0;
}

.divider1 {
    clear: both;
    height: 1px;
}

.divider2 {
    clear: both;
    height: 2px;
}

.divider5 {
    clear: both;
    height: 5px;
}

.divider10 {
    clear: both;
    height: 10px;
}

.divider15 {
    clear: both;
    height: 15px;
}

.divider20 {
    clear: both;
    height: 20px;
}

.divider25 {
    clear: both;
    height: 25px;
}

.divider30 {
    height: 30px;
}

.marginleft15 {
    margin-left: 15px;
}

.marginleft5 {
    margin-left: 5px;
}

.margintop20 {
    margin-top: 20px;
}

.margin20 {
    margin: 20px;
}

.margin20-0 {
    margin: 20px 0;
}

.topbottom0,
.table td.topbottom0 {
    padding-top: 0;
    padding-bottom: 0;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.leftalign,
.table td.leftalign,
.control-label.leftalign,
.leftalignlabels .control-label {
    text-align: left;
}

.rightalign,
.table td.rightalign {
    text-align: right;
}

.middlealign,
.table td.middlealign {
    vertical-align: middle;
}

.topalign,
.table td.topalign {
    vertical-align: middle;
}

.centeralign,
.table td.centeralign {
    text-align: center;
}

.topalign {
    vertical-align: top;
}

.table.noborder td,
.noborder,
.noborder div,
.table.border0 td,
.border0 {
    border: none;
}

.table.nomargin {
    margin: 0;
}

.noround {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.clear {
    clear: both;
}

.blocked,
.show {
    display: block;
}

.lineblocked {
    display: inline-block;
}

.inline {
    display: inline;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.autowidth,
td.autowidth,
select.autowidth,
.form-horizontal input.autowidth {
    width: auto;
}

.maxwidth,
td.maxwidth,
select.maxwidth,
.form-horizontal input.maxwidth {
    width: 100%;
}

.maxheight,
td.maxheight,
select.maxheight,
.form-horizontal input.maxheight {
    height: 100%;
}

.halfwidth,
td.halfwidth,
select.maxwidth,
.form-horizontal input.halfwidth {
    width: 50%;
}

.30width,
td.30width,
select.halfwidth,
.form-horizontal input.halfwidth {
    width: 30%;
}

.80width,
td.80width,
.form-horizontal input.80width,
.form-horizontal select.80width,
select.80width,
select.chzn-select.80width {
    width: 80%;
}

.75width,
td.75width,
.form-horizontal input.75width,
.form-horizontal select.75width,
select.75width {
    width: 75%;
}

.70width,
td.70width,
.form-horizontal input.70width,
.form-horizontal select.70width,
select.70width {
    width: 70%;
}

.85width,
td.85width,
.form-horizontal input.85width,
.form-horizontal select.85width {
    width: 85%;
}

.90width,
td.90width,
select.90width,
input.90width,
.form-control.90width {
    width: 90%;
}

.94width,
td.94width,
select.94width,
.form-horizontal input.94width {
    width: 94%;
}

.95width,
td.95width,
td select.95width,
td input.95width {
    width: 95%;
}

.96width,
td.96width,
select.96width,
.form-horizontal input.96width {
    width: 96%;
}

.98width,
td.98width,
select.98width,
.form-horizontal input.98width {
    width: 98%;
}

select.width50,
.width50,
.form-control.width50 {
    width: 50px !important;
}

select.width75,
.width75,
.form-control.width75 {
    width: 75px !important;
}

select.width80,
.width80,
.form-control.width80 {
    width: 80px !important;
}

select.width100,
.width100,
.form-control.width100 {
    width: 100px !important;
}

select.width110,
.width110,
.form-control.width110 {
    width: 110px !important;
}

select.width125,
.width125,
.form-control.width125 {
    width: 125px !important;
}

select.width150,
.width150,
.form-control.width150 {
    width: 150px !important;
}

select.width170,
.width170,
input.width170,
.form-control.width170 {
    width: 170px !important;
}

select.width180,
.width180,
input.width180 {
    width: 180px !important;
}

select.width200,
.width200 {
    width: 200px !important;
}

select.width225,
.width225 {
    width: 225px !important;
}

select.width250,
.width250 {
    width: 250px !important;
}

select.width300,
.width300 {
    width: 300px !important;
}

select.auto,
.auto,
td.auto,
table.auto {
    width: auto !important;
}

.testborder {
    border: 1px solid #999999;
}

.makerelative,
.actionbuttons {
    position: relative;
}

.makeabsolute {
    position: absolute;
}

.labeldescription {
    text-align: left;
    font-style: italic;
    font-weight: normal;
    color: #999999;
}

.nodecoration {
    text-decoration: none;
}

.nodecoration:hover {
    text-decoration: none;
}

.normaltext {
    font-style: normal;
}

.italisize {
    font-style: italic;
}

.pagedescription {
    color: #666666;
    font-style: italic;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.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 {
    display: none;
}

.nowrapping,
td.nowrapping,
th.nowrapping {
    white-space: nowrap;
}

.wrapping,
td.wrapping,
th.wrapping {
    white-space: normal;
}

.blockcontainer {
    display: block;
    width: 100%;
    text-align: center;
}

.bolded {
    font-weight: bold;
}

.notbolded {
    font-weight: normal;
}

.table td.amountcell,
td.amountcell {
    text-align: right;
    padding-right: 20px;
}

.requiredmark {
    color: #FF0000;
    margin-right: 5px;
}

.alert {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.noimglink,
.noimgbutton {
    display: inline-block;
    padding: 6px 10px 7px 10px;
}

.noimgbuttonsmall {
    display: inline-block;
    padding: 2px 6px 4px 6px;
}

a.link,
.link {
    color: #4D7496;
}

.minheight100 {
    min-height: 100px;
}

.minheight150 {
    min-height: 150px;
}

.minheight200 {
    min-height: 200px;
}

.minheight250 {
    min-height: 250px;
}

.minheight300 {
    min-height: 300px;
}

.minheight400 {
    min-height: 400px;
}

#passwordStrength {
    height: 10px;
    display: block;
    float: left;
}

#passwordStrength2 {
    height: 10px;
    display: block;
    float: left;
}

.strength0 {
    width: 100px;
    background: #cccccc;
}

.strength1 {
    width: 13px;
    background: #ff0000;
}

.strength2 {
    width: 25px;
    background: #ff5f5f;
}

.strength3 {
    width: 50px;
    background: #56e500;
}

.strength4 {
    background: #4dcd00;
    width: 75px;
}

.strength5 {
    background: #399800;
    width: 100px;
}

.strength_0 {
    width: 100px;
    background: #cccccc;
}

.strength_1 {
    width: 13px;
    background: #ff0000;
}

.strength_2 {
    width: 25px;
    background: #ff5f5f;
}

.strength_3 {
    width: 50px;
    background: #56e500;
}

.strength_4 {
    background: #4dcd00;
    width: 75px;
}

.strength_5 {
    background: #399800;
    width: 100px;
}

.whitetext {
    color: white;
}


/*
 * imgAreaSelect style to be used with deprecated options
 */

.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-border1 {
    border: solid 1px #000;
}

.imgareaselect-border2 {
    border: dashed 1px #fff;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.imgareaselect-selection {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.imagecontainer,
#imagecontainer {
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fff;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px;
}

.imagecontainer.shadowround {
    box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -moz-box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -webkit-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
}


/*Profile image*/

#profileinfo,
.profileinfo,
#thumbinfo,
.thumbinfo {
    position: relative;
    max-height: 195px;
    height: auto;
    width: auto;
    padding: 3px;
    margin: 0 auto;
    border: 1px solid #C2C2C2;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fff;
    text-align: center;
}

#profileinfo.new_pic,
.profileinfo.new_pic {
    border-style: ridge;
    box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -moz-box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -webkit-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
}

#thumbinfo,
.thumbinfo {
    max-height: 120px;
    height: auto;
    width: auto;
    padding: 3px;
    margin: 0 auto;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #f1f1f1;
    display: inline-block;
}

.thumbinfo.logo {
    width: 82px;
}

#thumbinfo.new_pic,
.thumbinfo.new_pic {
    margin: 0 auto;
    margin-bottom: 5px;
    width: auto;
    box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -moz-box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -webkit-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
}

#profileinfo #profileimage,
.profileinfo .profileimage {
    margin-top: 0;
    width: 200px;
    height: 200px;
}

.editpicture {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #999999;
    height: 22px;
    left: 5px;
    position: absolute;
    top: 7px;
    width: 92%;
    opacity: 0.5;
}

.editpicture img {
    position: absolute;
    right: 10px;
    top: 3px;
}

.editpicture label {
    margin-right: 28px;
    color: #335CAD;
    vertical-align: middle;
    float: right;
}

#profileinfo.new_pic .editpicture,
.profileinfo.new_pic .editpicture {
    left: 0;
    top: 3px;
    width: 98%;
}

.imagecontainer {
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fff;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px;
}

.imagecontainer.shadowround {
    box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -moz-box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
    -webkit-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
}

.absoluteupload {
    width: 65%;
    padding: 1px;
    text-align: center;
    display: none;
}

.uploadlink,
#uploadlink {
    padding: 2px 5px;
    text-align: center;
    margin: 2px auto;
    text-decoration: none;
    display: block;
    font-size: 10px;
}

.peoplelist {
    margin: 25px 0;
    margin-top: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    /*box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
	-moz-box-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;
	-webkit-shadow: 0 0 0 1px #F5F5F5, 0 0 0 2px #EBEBEB, 0 0 0 3px #E0E0E0, 0 0 0 4px #D6D6D6;*/
}

.peoplelist .peoplewrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 130px;
    margin-bottom: 10px;
    padding: 15px 10px;
}

.peoplelist .thumb {
    float: left;
}

.peoplelist .thumb img {
    display: block;
    width: 80px;
}

.peoplelist .peopleinfo {
    margin-left: 95px;
    margin-top: -15px;
}

.peoplelist .peopleinfo h4 {
    font-size: 15px;
    font-weight: bold;
}

.peoplelist .peopleinfo h4 span {
    font-family: sans-serif;
    font-size: 10px;
    margin-left: 5px;
    text-transform: uppercase;
}

.peoplelist .peopleinfo h4 span.on {
    color: #008000;
}

.peoplelist .peopleinfo h4 span.off {
    color: #999999;
}

.peoplelist .peopleinfo ul {
    color: #666666;
    font-size: 11px;
    list-style: none outside none;
    padding
}

.peoplelist .peopleinfo ul li {
    line-height: 18px;
}

.peoplelist .peopleinfo ul li span {
    line-height: 18px;
}


/* custom pagination styles */

/* .pager {
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 0;
    text-align: left;
}

.pager:before,
.pager:after {
    content: "";
    display: table;
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager a {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0;
    display: inline-block;
    margin: 0 0 5px -5px;
    padding: 6px 12px;
}

.pager .page-mover-current {
    background-color: #4D7496;
    border: 1px solid #3C5A74;
    color: #FFFFFF;
    padding: 8px 15px 7px 14px;
}

.pager a:hover {
    background-color: #F5F5F5;
    text-decoration: none;
}

.pager .next a {
    float: right;
}

.pager .previous a {
    float: left;
}

.pager .disabled a,
.pager .disabled a:hover {
    background-color: #FFFFFF;
    color: #999999;
    cursor: default;
} */

.fieldsetcontainer {
    border: solid 1px #428BCA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    display: inline-block;
    background: none;
    width: 100%;
    height: auto;
}

.fieldsetcontainer legend {
    margin: 0;
    padding: 0;
    display: inline-block;
    background: none;
    line-height: 16px;
    width: auto;
    font-size: 15px;
    line-height: 16px;
    margin-left: 25px;
    padding-right: 5px;
    border: none;
    font-weight: bold;
}

img.ui-datepicker-trigger {
    margin-left: 0;
    vertical-align: middle;
}

.datefield,
.xdatefield {
    z-index: 1500;
    display: inline;
}

#upload-wrapper {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    background: #3D91A2;
    padding: 50px;
    border-radius: 10px;
}

#upload-wrapper h3 {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    margin-top: -30px;
    border-bottom: 1px dotted #DDD;
}

#upload-wrapper input[type=file] {
    padding: 6px;
    background: #FFF;
    border-radius: 5px;
}

#upload-wrapper #submit-btn {
    border: none;
    padding: 10px;
    background: #61BAE4;
    border-radius: 5px;
    color: #FFF;
}

#output {
    padding: 5px;
    font-size: 12px;
    margin-top: 5px;
}


/* prograss bar */

/* #progressbox {
    border: 1px solid #51A351;
    padding: 1px;
    position: relative;
    width: 100%;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: none;
    text-align: left;
} */

/* #progressbar {
    height: 20px;
    width: 1%;
    background-color: #51A351;
    background-image: -gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
} */

#statustxt {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #FFFFFF;
}

#filenamedisplay {
    cursor: text;
    text-overflow: ellipsis;
    padding: 4px 0 0px 8px;
    height: 28px;
    width: 250px;
    z-index: 1;
    overflow: hidden;
}

/* .form-control.file {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    cursor: pointer;
    font-size: 99px;
    opacity: 0;
} */

/* .fileinput-btn {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
} */

.prcss ul li {
    display: inline-block;
    width: 47%;
    margin: 0 5px;
}

/* .col-form-label.bg{
	background: #f1f1f1;
    color: #727070;
    font-weight: 600;
} */

.row.view{
	border-bottom: 1px solid #eee;
}

/* Style the close button (X) in Bootbox modal */
.bootbox .modal-header .close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 30px; /* Width of the button */
    height: 30px; /* Height of the button */
    border-radius: 50%; /* Make the button round */
    background-color: transparent; /* Background color (can be set as needed) */
    border: 2px solid #0075c2; /* Border color (light gray for visibility) */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.2rem; /* Size of the "X" */
    color: #000; /* Color of the "X" */
    opacity: 1;  /* Full opacity */
}

.bootbox .modal-header .close:hover {
    background-color: #f0f0f0; /* Optional: Background color on hover */
    border-color: #ff0000; /* Optional: Change border color on hover */
    color: #ff0000; /* Change X color on hover */
}

/* Optional: Define the "X" if not handled by Bootstrap's icon */
.bootbox .modal-header .close::before {
    content: "×"; /* Unicode for the close symbol */
    font-weight: bold; /* Bold "X" */
}

/* Optional: You can increase the size on hover for a subtle effect */
.bootbox .modal-header .close:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}



.invalid-feedback{
    display: block !important;
}

/* Tooltip Customization */
.tooltip > .tooltip-inner {
    text-align: left;
    max-width: 500px;
    --bs-tooltip-bg: #0075C2;
}
.tooltip {
    --bs-tooltip-bg: #0075C2;
}
.tooltip .arrow {
	display: none;
	background-color: #0075C2;
}
.tooltip .tooltip-inner {
	background-color: #0075C2;
}


.tooltip > .tooltip-inner {
    text-align: left;
    max-width: 500px;
    --bs-tooltip-bg: #0075C2;
}
.tooltip {
    --bs-tooltip-bg: #0075C2;
}
.tooltip .arrow {
	display: none;
	background-color: #0075C2;
}
.tooltip .tooltip-inner {
	background-color: #0075C2;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #0075C2;
}

/*-----------------
2. About us page
-----------------------*/

/* hero section */

.about-us-hero h1 {
    color: #087ba7;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 49.984375px;
    line-height: 56px;
    letter-spacing: -1.96px;
    font-weight: 500;
    height: 19.86%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .about-us-hero {
        margin-top: 6rem;
    }
}
@media (max-width: 912px) {
  /* Styles for 912px (min-width: 900px) and (max-width: 950px) devices */
   .about-us-hero {
       margin-top: 4rem;
   }
}

.about-us-hero h2 {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 23.4609375px;
    line-height: 28.6px;
    letter-spacing: -0.91px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about-us-hero p {
    color: #033860;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 19.59375px;
    line-height: 24.2px;
    letter-spacing: -0.44px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* content section */


.about-us-content h1 {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.25px;
    line-height: 22px;
    letter-spacing: 0.6px;
    font-weight: 500;
    height: 1.92%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about-us-content p {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.125px;
    line-height: 22px;
    letter-spacing: 0.6px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



.about-us-content ul>li {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-weight: 500;
    font-size: 14.125px;
    line-height: 22px;
}

.partnership_container {
    border-radius: 8px;
    /* width: 866px; */
}

.partnership_container h3 {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.375px;
    line-height: 22px;
    letter-spacing: 0.6px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

._2000-px-coat-of-arms-of-uganda-svg-150-x-150-1 {
    width: 3rem;
    /* height: 38px; */
    object-fit: cover;
    aspect-ratio: 1;
}

.jica-logo-1 {
    width: 3rem;
    /* height: 40px; */
    object-fit: cover;
    aspect-ratio: 5/4;
}



.cta-about h1 {
    color: #004384;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 49.875px;
    line-height: 56px;
    letter-spacing: -3.36px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cta-about a {
    background: #087ba7 !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    text-align: center !important;
    font-family: 'Inter-Medium', sans-serif !important;
    font-size: 14.375px !important;
    line-height: 16px !important;
    letter-spacing: 0.6px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 8.8rem !important;
    height: 2.5rem !important;
}

.cta-about a:hover {
    border-radius: 160px;
    border-style: solid;
    border-color: #087ba7;
    border-width: 1px;
    box-shadow: 0px 0px 30px 0px rgba(8, 123, 167, 0.6);
}





/*-----------------
    3. Jobs page
-----------------------*/

/* hero section */

.jobs-hero-section {
    border-radius: 8px;
}

@media (max-width: 768px) {
    .jobs-hero-section {
        margin-top: 6rem;
    }
}
@media (max-width: 912px) {
  /* Styles for 912px (min-width: 900px) and (max-width: 950px) devices */
    .jobs-hero-section {
         margin-top: 4rem;
    }
}

.jobs h1 {
    color: #181818;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 35.78125px;
    line-height: 44px;
    letter-spacing: 0.4px;
    font-weight: 500;
}

.jobs .jobs-hero-section p {
    color: #181818;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.125px;
    line-height: 24px;
    letter-spacing: 0.48px;
    font-weight: 500;
}



.jobs .jobs-hero-section .button1 {
    background: #087ba7 !important;
    border-radius: 8px !important;
    border-color: #087ba7 !important;
    width: 100.83px !important;
    height: 40px !important ;
}

.jobs .jobs-hero-section .button1:hover {
    border-radius: 160px;
    border-style: solid;
    border-color: #087ba7;
    border-width: 1px;
    box-shadow: 0px 0px 30px 0px rgba(8, 123, 167, 0.6);
}

.jobs .jobs-hero-section .button1 p {
    color: #ffffff !important;
    text-align: left !important;
    font-family: 'Inter-Medium', sans-serif !important;
    font-size: 14.5px !important;
    line-height: 40px !important;
    letter-spacing: 0.48px !important;
    font-weight: 500 !important ;
    width: 72.03px !important;
    height: 19.33px !important;
}

/* Content section */
.jobs-content { 
    position: relative;
}

.breadcrumb-jobs {
    color: #181818;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 13.359375px;
    line-height: 18px;
    letter-spacing: 0.4px;
    font-weight: 400;
}

.jobs-content .h5 {
    color: #181818;
    text-align: left;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 17.65625px;
    line-height: 24px;
    letter-spacing: 0.4px;
    font-weight: 600;
}

.group {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    /* position: relative; */
}

.label {
    align-self: stretch;
    flex-shrink: 0;
    height: 24px;
    position: relative;
}



.background-jobs {
    background: #087ba7;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 6px;
    top: 6px;
}

.radio-large {
    background: #ffffff;
    border-radius: 12px;
    border-style: solid;
    border-color: #8d8c8c;
    border-width: 1px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.radio-large:hover {
    background: #ffffff;
    background-color: #0d6efd;
    border-radius: 12px;
    border-style: solid;
    border-color: #0d6efd;
    border-width: 1px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: inset 0px 0px 0px 2px rgba(8, 123, 167, 1.00);
    overflow: hidden;
    right: 0;
    top: -3px;
}

.radio-large-label {
    color: #181818;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.5px;
    line-height: 22.86px;
    letter-spacing: 0.48px;
    font-weight: 500;
    position: absolute;
    left: 32px;
    top: .35rem;
    height: 19.33px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.input {
    background: #ffffff;
    border-radius: 8px;
    border-style: solid;
    border-color: #8d8c8c;
    border-width: 1px;
    padding: 3px;
    display: flex;
    flex-direction: row;
    gap: 1px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.container-jobs {
    flex-shrink: 0;
    width: 767.17px;
    height: 16.67px;
    position: relative;
    overflow: hidden;
}

.jobs_search_form input {
    color: #676767;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 12.25px;
    letter-spacing: 0.48px;
    font-weight: 500;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 16.67px;
}



.container2-jobs {
    flex-shrink: 0;
    height: 21px;
    position: absolute;
    right: 36.01px;
    left: 15.993332862854004px;
    top: 8.83px;
    overflow: auto;
}

.section2-jobs {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.list-heading {
    color: #181818;
    text-align: left;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 21.75px;
    line-height: 26.4px;
    letter-spacing: 0.36px;
    font-weight: 600;
    position: relative;
    align-self: stretch;
    height: 26.4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.list {
    display: flex;
    flex-direction: row;
    gap: 34px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.list .list-item {
    flex-shrink: 0;
    width: 250.17px;
    height: 22.85px;
    position: relative;
    /* overflow: hidden; */
}

.list .list-item .a {
    color: #676767;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.375px;
    line-height: 22.86px;
    letter-spacing: 0.48px;
    font-weight: 500;
    position: absolute;
    left: 0px;
    top: 1.33px;
    width: 208.61px;
    height: 19.33px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.search-btn-jobs {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    color: #0A0A0A;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    right: 1.5rem;
    top: .55rem;
    cursor: pointer;
    font-size: 1.75rem;
    
}

.jobs-search-form {
    width: 98%;
    height: 2.55rem;
    border-radius: 25px;
    color: #0A0A0A; 
    position: relative;
    
}
.jobs-search-results {
    width: 95.5%;
    border-radius: 25px;
    color: #0A0A0A; 
    position: relative;
    
}

.jobs-search-form input {
    background: #ffffff;
    border-radius: 8px;
    border-style: solid;
    border-color: #8d8c8c;
    border-width: 1px;
    padding: 3px;
    display: flex;
    flex-direction: row;
    gap: 1px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}




/* 
    targets high-density (Retina) displays 
    on WebKit-based browsers (like Safari and older versions of Chrome)
*/
@media only screen and (min-resolution: 192dpi) {
    
    
}


/*-----------------
    4. News & Updates page
-----------------------*/

/* hero section */
.news-hero-section {
    border-radius: 8px;
}
@media (max-width: 768px) {
    .news-hero-section {
        margin-top: 6rem;
    }
}
@media (max-width: 912px) {
  /* Styles for 912px (min-width: 900px) and (max-width: 950px) devices */
   .news-hero-section {
       margin-top: 4rem;
   }
}

.horizontal-divider {
    background: #d5e0d5;
    height: 1px;
}

.news-hero-section h1 {
    color: #004472;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 50.96875px;
    line-height: 54px;
    letter-spacing: -1.96px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



.news-hero-section p {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 19.59375px;
    line-height: 25px;
    letter-spacing: -0.04px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

 /* Content section */


.news-content .explore-all {
    background: #087ba7;
    border-radius: 20px;
    color: #ffffff !important;
    padding: 10px 20px;
    text-align: center;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 13.015625px;
    line-height: 14px;
    letter-spacing: 0.6px;
    font-weight: 500;
    width: 120.61px;
    height: 30.33px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.news-content .explore-all:hover {
    border-radius: 160px;
    border-style: solid;
    border-color: #087ba7;
    border-width: 1px;
    box-shadow: 0px 0px 30px 0px rgba(8, 123, 167, 0.6);

}

.news-content h2 {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 33.9921875px;
    font-weight: 500;
}

.news-content p {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.25px;
    font-weight: 500;
}

.NewsAndUpdates1 {
    border-radius: 8px;
    height: 345px;
    overflow: hidden;
    object-fit: cover;
}

.NewsAndUpdates1 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.NewsAndUpdates1:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.news-content .date {
    color: #9aaa97;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 12.578125px;
    line-height: 18px;
    letter-spacing: 0.6px;
    font-weight: 500;
    width: 85.61px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.news-content .author {
    background: #f2f7f2;
    border-radius: 47px;
    width: 123.39px;
    height: 26px;
}

.news-content .author p {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 12.90625px;
    line-height: 18px;
    letter-spacing: 0.6px;
    font-weight: 500;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



.NewsAndUpdates2 {
    border-radius: 8px;
    height: 185px;
    overflow: hidden;
    object-fit: cover;
}

.NewsAndUpdates2 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.NewsAndUpdates2:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.news-content h3 {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 19.9375px;
    line-height: 25px;
    letter-spacing: -0.04px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


/*-----------------
    5. Contact Us page
-----------------------*/

/* hero section */

.contact-us .hero-section {
    padding: 2rem 10rem;
}

.contact-us .content-section {
    padding: 2rem 10rem;
}

@media (max-width: 768px) {
    .contact-us {
        margin-top: 6rem;
    }
    .contact-us .hero-section {
        padding: 1rem 1rem;
    }

    .contact-us .content-section {
        padding: 1rem 1rem;
    }
}
@media (max-width: 912px) {
  /* Styles for 912px (min-width: 900px) and (max-width: 950px) devices */
   .contact-us {
       margin-top: 4rem;
   }

   .contact-us .hero-section {
        padding: 1rem 1rem;
    }

    .contact-us .content-section {
        padding: 1rem 1rem;
    }
}

.contact-us h1 {
    color: #087ba7;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 50.203125px;
    line-height: 56px;
    letter-spacing: -1.96px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contact-us h2 {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 27.3046875px;
    line-height: 30px;
    letter-spacing: -1.05px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contact-us h3 {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 20.28125px;
    line-height: 24.2px;
    letter-spacing: -0.44px;
    font-weight: 500;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contact-us p {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.25px;
    line-height: 22px;
    letter-spacing: 0.6px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.contact-us .background {
    background: #e8f6ff;
    border-radius: 8px;
    overflow: hidden;
}

.contact-us a {
    color: #087ba7;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.625px;
    line-height: 22px;
    letter-spacing: 0.6px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.forInquiries {
    width: 115px;
    height: 115px;
    overflow: hidden;
    object-fit: cover;
}



.right-arrow {
    width: 11px;
    height: 9px;
    position: absolute;
    left: 211.41px;
    top: calc(50% - -32px);
    overflow: hidden;
}


/*-----------------
    6. Announcements page
-----------------------*/

/* hero section */
@media (max-width: 768px) {
    .contact-us {
        margin-top: 6rem;
    }
    .contact-us .hero-section {
        padding: 1rem 1rem;
    }

    .contact-us .content-section {
        padding: 1rem 1rem;
    }
}
@media (max-width: 912px) {
  /* Styles for 912px (min-width: 900px) and (max-width: 950px) devices */
   .announcements {
       margin-top: 4rem;
   }

   .announcements .hero-section {
        padding: 1rem 1rem;
    }

    .announcements .content-section {
        padding: 1rem 1rem;
    }
}
.announcements .hero-section h1{
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 51.1875px;
    line-height: 54px;
    letter-spacing: -1.96px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.announcements .hero-section p {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 16.03125px;
    line-height: 22px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* content section */
.announcements .cta {
    background: #e8f6ff;
    border-radius: 10px;
    position: relative;
}
.cta_announcements {
    height: 13.75rem;
    overflow: hidden;
    object-fit: cover;
}
@media (max-width: 768px) {
    .cta_announcements {
        height: 6.75rem;
    }
}
@media (max-width: 912px) {
  /* Styles for 912px (min-width: 900px) and (max-width: 950px) devices */
    .cta_announcements {
        height: 6.75rem;
    }
}

.announcements .cta h2 {
    color: #001e00;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 33.9921875px;
    line-height: 39px;
    letter-spacing: -1.22px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.announcements .cta h2 p {
    color: #5e6d55;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.25px;
    line-height: 22px;
    letter-spacing: 0.4px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.announcements .cta-button.active {
    background: #087ba7;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.5px;
    line-height: 16px;
    letter-spacing: 0.6px;
    font-weight: 500;
    width: 6.98rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    margin: .45rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.announcements .cta-button {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: #087ba7;
    border-width: 2px;
    color: #087ba7;
    text-align: center;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 14.75px;
    line-height: 16px;
    letter-spacing: 0.6px;
    font-weight: 500;
    width: 6.98rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    margin: .45rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.announcements .cta-button:hover {
    border-radius: 160px;
    border-style: solid;
    border-color: #087ba7;
    border-width: 1px;
    box-shadow: 0px 0px 30px 0px rgba(8, 123, 167, 0.6);
}



.announcements .content-section {
    border-radius: 0.5rem;
    position: relative;
}

.announcements .content-section .slider-button {
    background: #beccbe;
    border-radius: 1.56rem;
    text-align: center;
    text-justify: distribute;
    font-family: sans-serif;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 3.13rem;
    height: 3.13rem;
    overflow: hidden;
    margin: .55rem;;
}

.announcements .content-section .slider-button i {
    font-style: thin;
    color: #ffffff;
    font-size: 2.5rem;
}

.announcements .content-section .slider-button.active {
    background: #087ba7;
    border-radius: 1.56rem;
    width: 3.13rem;
    height: 3.13rem;
}

.announcements .content-section .list .item {
    background: #004384;
    border-radius: 0.625rem;
    /* padding-left: 1.55rem; */
    /* padding-right: 1.55rem; */
}

.announcements .content-section .list .item h3 {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-Black', sans-serif;
    font-size: 17.8125px;
    line-height: 24px;
    letter-spacing: 0.4px;
    font-weight: 900;
}

.announcements .content-section .list .item h4 {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 16.71875px;
    letter-spacing: 0.6px;
    font-weight: 400;
}

.announcements .content-section .list .item h5 {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 17.8125px;
    line-height: 24px;
    letter-spacing: 0.4px;
    font-weight: 600;
}

.announcements .content-section .list .item p {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 14.75px;
    line-height: 24px;
    letter-spacing: 0.48px;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
}


.announcements .content-section .separator {
    border-style: solid;
    border-color: #1f57c3;
    border-width: 0.67px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 0px;
}