/* SIDEBAR
--------------------------------*/
.sidebar { width: 16%; }
.sidebar .filters {
    border: solid 1px #B2B2B2;
    border-radius: 5px;
    padding: 10px;
}
.sidebar .filters ul { list-style-type: none; margin-top: 5px; padding-left: 10px; }
.sidebar .filters span { position: relative; }
.sidebar .filters span input { box-sizing: border-box; width: 100%; }
.sidebar .filters span:last-of-type i {
    color: #5F5F5F;
    position: absolute;
    right: -18px;
    top: 1px;
}
.sidebar .filters button { margin: 0 0 10px 10px; padding: 9px 15px; }
.sidebar .filters .folders { margin-top: 10px; }
.sidebar .folders a { margin-left: 20px; position: relative; }
.sidebar .folders a:before {
    background-image: url(/images/sprite.png);
    background-position: -41px 35px;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    top: 4px;
    width: 15px;
}
.sidebar .folders a.selected { font-weight: bold; text-decoration: underline; }
.sidebar .folders a.selected:before {
    background-image: url(/images/sprite.png);
    background-position: -41px 26px;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 2px;
    width: 15px;
}
/* ACCOUNT
--------------------------------*/
.account h4 {
    color: #444444;
    font-family: 'Roboto-Regular';
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.account header { padding-top: 70px; text-align: center; }
.account header .upper-header,
.account footer { display: none; }
.account form {
    border-right: 1px solid #B7B7B7;
    display: block;
    margin: auto;
    padding: 0 35px ;
    vertical-align: top;
    width: 40%;
}
.account form:last-of-type { border: none; }
.account form label { 
    color: #606060;  
    display: inline-block;
    font-family: 'Roboto-Regular';
    font-size: 13px; 
    line-height: 21px; 
    text-align: left; 
    vertical-align: top;
    width: 94%;
}
.account form input {
    border-radius: 5px;
    border: 1px solid #B7B7B7;
    font-size: 13px;
    padding: 10px 10px;
    width: 100%;
}
.account form button {
    background-color: #3C8DC4;
    border: none;
    border-bottom: 4px solid #37739C;
    border-radius: 5px; 
    color: #FFFFFF;
    font-family: 'Roboto-Regular';
    padding: 10px;
    width: 100%;
}
.account form .rows { margin-bottom: 10px; text-align: left; }
.account form .rows.row-2 { margin-bottom : 15px; }
.account form .stay-logged {
    display: inline-block;
    float: left;
    text-align: left;
    width: 50%;
}
.account form .stay-logged input { display: inline-block; width: auto; }
.account form .stay-logged label {
    display: inline-block;
    vertical-align: text-bottom;
    width: auto;
}
.account form .row-3 > a {
    color: #0A75BD;
    display: block;
    text-align: right;
}
.account .container { padding : 0px; }

/* MANAGE JOBS
--------------------------------*/
.jobs table { word-wrap: break-word; table-layout: fixed;  }
.jobs .sidebar { width: 17%; }
.jobs .sidebar .drafts li a { margin-left: 3px; }
.jobs .sidebar .drafts li.drafts a { margin-left: 5px; }
.jobs .sidebar .drafts li a.selected { font-weight: bold; text-decoration: underline; }
.jobs .listing { width: 83%; }
.jobs .listing .content { margin-left: 15px; }
.jobs .listing .actions.clearfix { display: block; margin-bottom: 10px; }
.jobs .listing .actions .btn {
    display: inline-block;
    margin-right: 5px;
    padding: 9px 15px 7px;
}
.jobs .listing .actions .btn i { margin-left: 5px; }
.jobs .listing .content .actions .information { position: relative; width: 600px; }
.jobs .listing .content .actions .information div.search-information {
    background-color: #FFFF83;
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    display: none;
    margin-top: -25px;
    padding: 5px;
    position: absolute;
    z-index: 999;
}
.jobs .listing .content .actions .information .search-information i { float: left; }
.jobs .listing .content .actions .information .search-information p { margin-left: 15px; }

.jobs .listing .clear-jobs { margin-left: -10px; margin-bottom: 2px; }
.jobs .listing .job-list a.btn { font-size: 12px; margin: 0 0 5px; width: 100% }
.jobs .listing .job-list a.btn i { color: #FFFFFF; margin-left: 2px; }
.jobs .listing .per-page { display: inline-block; float: right; }
.jobs .listing .per-page div {
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    width: 58px;
}
.jobs .listing .per-page div .drop { right: 12px; z-index: -1; }
.jobs .listing .per-page select {
    border: 2px solid #3D8EC5;
    border-radius: 5px;
    padding: 7px 18px 7px 5px;
    width: 100%;
}

.jobs .listing table {
    font-family: 'Roboto-Light';
    margin-top: 10px;
    text-align: left;
    width: 100%;
}
.jobs .listing table thead { color: #FFFFFF; background: #3D8EC5; }
.jobs .listing table thead a { color: #A8E6FF; margin-left: 9px; }
.jobs .listing table thead th { font-size: 11px; padding: 10px 0; text-align: center;}
.jobs .listing table thead th,
.jobs .listing table tbody td { text-align: center; padding: 10px 2px; }
.jobs .listing table tbody td.actions { width: 100px; }
.jobs .listing table tbody td.candidates { width: 3%; }
.jobs .listing table tbody td.education { width: 9%; }
.jobs .listing table tbody td.end-date { width: 8%; }
.jobs .listing table tbody td.job-status { width: 6%; }
.jobs .listing table tbody td.job-title { width: 10%; }
.jobs .listing table tbody td.location { width: 8%; }
.jobs .listing table tbody td.salary { width: 6%; }
.jobs .listing table tbody td.start-date { width: 8%; }
.jobs .listing table tbody td.view-count { width: 6%; }
.jobs .listing table tbody th:first-child {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
.jobs .listing table thead th:last-child {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.jobs .listing table thead th:first-child input { margin: 5px 0 0 5px; }
.jobs .listing table tbody td { border-bottom: solid 1px #CCCCCC; padding: 10px 2px; }
.jobs .listing table tbody tr:nth-child(even) { background-color: #F7F7F7; }
.jobs .listing table tbody tr:last-of-type td { border: none; }
.jobs .listing table tbody tr td:first-of-type input { margin-left: 2px; }

.jobs .pagination { float: right; margin: 10px 0; }
.jobs .pagination:first-of-type { margin-top: -32px; }
.jobs .pagination .next a { margin-right: 0; }

.jobs .job-list .job-title span {
    display: block;
    margin: auto;
    width: 100px;
    word-wrap: break-word;
}
.jobs .modal-footer button:first-of-type { color: #000000; }
.jobs #activate-jobs-modal input { width:200px; }

/* Date Picker */
.jobs .ui-datepicker { background-color: #FFFFFF; margin: 5px 0; z-index: 9999 !important; }
.jobs .ui-datepicker th,
.jobs .ui-datepicker td a {
    color: #000000;
    font-family: 'Roboto-Light';
    text-align: center;
}
.jobs .ui-datepicker .ui-datepicker-header {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #B7B7B7;
    border-radius: 0;
    color: #000000;
    font-family: 'Roboto-Light';
}
.jobs .ui-datepicker select.ui-datepicker-month {
    appearance: menulist;
    font-family: 'Roboto-Light';
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
    -webkit-appearance: menulist;
}

.jobs .ui-state-default { background-color: transparent; border:none; }
.jobs .ui-datepicker .ui-state-active {
    background-color: #3A8FC6;
    border-radius: 5px;
    color: #FFFFFF;
}

.jobs .ui-widget-header a:hover {
    background-color: #3A8FC6;
    border: 3px solid #3A8FC6;
    font-weight: normal;
    margin: 1px 0 0 1px;
}
.jobs .ui-widget-header a:hover > i { color: #FFFFFF; vertical-align: baseline; }
.jobs .ui-widget-header a {
    border-radius: 15px;
    border: 1px solid #444444;
    height: 25px;
    text-align: center;
    width: 25px;
    z-index: 2;
}
.jobs .actions i.fa { color: white; }
.jobs i.fa { color: #444444; font-size: 13px; vertical-align: text-bottom; }
.jobs .ui-widget-header a.ui-state-disabled:hover {
    background-color: transparent;
    border: 1px solid #444444;
}
.jobs .ui-widget-header a.ui-state-disabled:hover > i {
    color: #000000;
    vertical-align: text-bottom;
}

.jobs .post-duration a { z-index: 0; }
.jobs div.loader { margin-top: 10px; }
.jobs .loader i.loader { color: #BDC3C7;  font-size: 24px; }
.jobs .loader span.loader-message { 
    color: #BDC3C7;
    font-size: 24px;
    font-style: italic;
}

/* MANAGE JobSeekers
--------------------------------*/
.search .content { width: 100%; }
.search .content .search-filter a.clear-seekers,
.search .content .search-filter button.resume-search { background-color: #3C8EC4;  }
.search .content .search-filter a.clear-seekers:hover,
.search .content .search-filter button.resume-search:hover { background-color: #394893; }
.search .content .search-filter input.search { width: 85%; }
.search .content .clear-btn { color:#23527c !important;}
.search .content .candidates-active,
.search .content .resume-updated,
.search .content .application-status,
.search .content .applied-status,
.search .content .registered-range  {
    display: inline-block;
    width: 250px;
}

.search .ui-datepicker { z-index: 999 !important; }
.search .ui-datepicker-year option ,
.search .ui-datepicker-month option { color: black; }
.search a.add-language {
    background-color: #6BA2C6;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    margin-top: 5px;
    padding: 8px 13px;
}

.search .content select { width:100%; padding: 4px 30px 4px 10px;  } 
.search .content .filter-row-1,
.search .content .filter-row-2 { display: block; margin: 10px 10px 10px 0px; }
.search .content .filter-row-1 span,
.search .content .filter-row-2 span { padding: 5px; }
.search .content select {
    border-radius: 5px;
    border: 2px solid #3C8EC4;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 200px;
    vertical-align: middle;
}

.search .content table thead th { padding: 5px; }
.search .content table thead { color: #FFFFFF; background: #3D8EC5; }
.search .content table {  
    width:100%; 
    border : #BCBCBC solid 1px;
    margin-bottom: 15px;
}
.search .content table tbody td { padding: 5px; }
.search .content .tab-1 .work-experience,
.search .content .tab-1 .experience-in-call,
.search .content .tab-1 .job-function { width: 200px; }
.search .content .left-content { width: 49%; display: inline-block;}
.search .job-functions .all-functions {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 200px;
    overflow-y: scroll;
    padding: 8px 0 8px;
    width: 380px;
}
.search .job-functions .all-functions li {
    cursor: pointer;
    list-style-type: none;
    padding-left: 45px;
    padding: 5px 30px 5px;
}
.search .job-functions .all-functions li.selected { background-color: #3C8EC4; }
.search .job-functions .all-functions li input { height: 0; width: 0; }
.search .location-tags { width: 330px; }
.search .location-tags span,
.search .function-tags .functions span {
    background-color: #6BA2C6;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    margin: 2px;
    padding: 8px 15px;
}
.search .location-tags span a.remove-location,
.search .function-tags .functions span a.remove-function {
    color: #000000;
    display: inline-block;
    margin: 0 0 -2px 0;
    position: relative;
    z-index: 0;
}
.search .location-tags span a i.close,
.search .function-tags .functions span a i.close{
    color: #FFFFFF;
    font: normal normal normal 12px/1 FontAwesome;
    margin-left: 7px;
    opacity: 1;
    text-shadow: none;
}
.search td.location { height: 300px; vertical-align: top; }
.search td.location .location-wrapper { 
    background-color: #F0F0F0;
    border: 1px solid #909090;
    border-radius: 5px;
    float: left;
    height: 270px;
    position: absolute;
    width: 300px;
    z-index: 10;
}
.search td.location .location-wrapper ul { 
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}
.search td.location .location-wrapper ul li { 
    cursor: pointer;
    padding: 10px 10px;
    position: relative;
}
.search td.location .location-wrapper ul li.active {
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
}
.search td.location .location-wrapper ul li.active:after { 
    border-right: 1px solid #F0F0F0;
    content: '';
    height: 43px;
    padding-right: 5px;
    position: absolute;
    right: -1px;
    top: 0px;
}
.search td.location .location-wrapper .region-wrapper {
    border-right: solid 1px #393939;
    float: left;
    height: 268px;
    position: relative;
    width: 299px
}
.search td.location .location-wrapper .city-wrapper { display: none; }
.search td.location .location-wrapper .city-wrapper .cities { height: 210px; overflow-y: scroll; }
.search td.location .location-wrapper .city-wrapper .cities ul { display: none; }
.search td.location .location-wrapper .city-wrapper .cities ul li label {
    font-weight: normal;
    margin-bottom: 0;
    padding-left: 6px;
}
.search td.location .location-wrapper .city-wrapper .close-city {
    float: right;
    opacity: 1;
    padding-right: 10px;
}
.search td.location .location-wrapper .city-wrapper .close-city a {
    background-color: #6BA2C6;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    margin-top: 5px;
    padding: 8px 13px;
    text-decoration: none;
}
.search .content .right-content { float: right; width: 49%; }

/** JOBSEEKER RESULT ****/
/*.result table.result-list { word-wrap: break-word; table-layout: fixed;  }*/
.result .sidebar { width: 16%; }
.result .listing { width: 84%; }
.result .listing .content { margin-left: 15px; }
.result .listing .actions { display: block; margin-bottom: 10px; }
.result .listing .actions .btn {
    display: inline-block;
    margin-right: 5px;
    padding: 9px 15px 7px;
}

.result .listing .per-page { display: inline-block; float: right; }
.result .listing .per-page div {
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    width: 58px;
}
.result .listing .per-page div .drop { right: 12px; z-index: -1; }
.result .listing .per-page select {
    border: 2px solid #3D8EC5;
    border-radius: 5px;
    padding: 7px 18px 7px 5px;
    width: 100%;
}

.result .listing table {
    font-family: 'Roboto-Light';
    margin-top: 10px;
    text-align: left;
    width: 100%;
}
.result .listing table thead { color: #FFFFFF; background: #3D8EC5; }
.result .listing table thead a { color: #A8E6FF; margin-left: 5px; }
.result .listing table thead th { padding: 10px 0px; font-size: 11px;}
.result .listing table thead th:first-child {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

.result .modal.resume .modal-body textarea.message,
.result .modal.email .modal-body textarea.message {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 100px;
    padding: 10px;
    width: 530px;
}

.result #forward-resume { overflow-y: hidden !important; }
.result .modal.email .modal-body  {
     padding: 30px;
}

.job-list .wrap { width: 990px; }
.job-list.wrap table {
    width: 940;
    table-layout: fixed;
}
.job-list table tr td {
    /*padding: 5px;*/
    word-wrap: break-word;
}
.job-list .inner_table { height: 400px; overflow-y: auto;}
/*
.job-list tbody .job-title {  width: 9%; }
.job-list tbody .job-reference { width: 6%; }
.job-list tbody .location { width: 2%;text-align: center; }
.job-list tbody .salary { width: 6%; }
.job-list tbody .education { width: 4%; }
.job-list tbody .job-status { width: 6%; }
.job-list tbody .start-date { width: 8%; }
.job-list tbody .end-date {  width: 8%; }
.job-list tbody .folder { width: 4%; }
.job-list tbody .candidates { width: 4%; }
.job-list tbody .actions { width: 4%; }*/

/* JOBSEEKER RESULT */
.result textarea.mce-textbox {
    background: #FFFFFF;
    color: #000000;
}
.result .wrap { width: 990px; }
.result.wrap table {
    width: 940;
    table-layout: fixed;
}
.result table tr td {
    padding: 5px;
    word-wrap: break-word;
}
.result .inner_table { height: 400px; overflow-y: auto;}
.result .listing table tbody td { text-align: center;}
.result .listing table thead th { text-align: center;}
/*.result .listing table thead th:nth-child(1) { width: 2%; }
.result .listing table thead th:nth-child(2) { padding: 10px 5px; width: 20%; }
.result .listing table tbody td:nth-child(2) { width: 20%; }
.result .listing table thead th:nth-child(3),
.result .listing table tbody td:nth-child(3) { width: 20%; }
.result .listing table thead th:nth-child(4),
.result .listing table tbody td:nth-child(4) { width: 20%; }
.result .listing table thead th:nth-child(5),
.result .listing table tbody td:nth-child(5) { width: 20%; }
.result .listing table thead th:nth-child(6),
.result .listing table tbody td:nth-child(6) { width: 18%; }*/
/*.result .listing table .candidate { width: 20%; }
.result .listing table .salary { width: 20%; }
.result .listing table .educational-level { width: 20%; }
.result .listing table .last-applied { width: 20%; }
.result .listing table .job-function { width: 20%; }*/
/*.result .listing table .email { width: 10%; }*/
.result .listing table thead th:first-child { width: .1%; text-align: left } 
.result .listing table tbody td:first-child { width: .1% !important; } 
.result .listing table tbody td.email span { display: block;
    margin: auto;
    width: 85px;
    word-wrap: break-word;
}
.result .listing table tbody td.email { width:3%;}
.result .listing table th { width: 7%; text-align: center; }
.result .listing table td { width: 5%; text-align: center; }


.result .listing table thead th:last-child {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

.result .listing table thead th:nth-child(n+7):nth-child(-n+16),
.result .listing table tbody td:nth-child(n+7):nth-child(-n+16) {
    display: none;
}

.result-list table .candidate { width :300px; }
.result-list tr td {
    color: #393939;
    font-family: 'Roboto-Regular', Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}
.result-list .candidate a.blacklisted { color: #D24148; }

.result-list .candidate a.no-application-yet { color: #DBBA00; }
/*.result-list { table-layout: fixed;  border-collapse: collapse; }
.result-list thead tr { display: block; position: relative; }
.result-list tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 400px;
}*/
.result .listing table thead th:first-child input { margin: 5px 0 0 5px; }
.result .listing table tbody td { border-bottom: solid 1px #CCCCCC; }
.result .listing table tbody tr:last-of-type td { border: none; }
.result .listing table tbody td a {
    color: #0E5583;
    font-family: 'Roboto-Regular';
    font-weight: bold;
}
.result .listing table tbody tr:nth-child(even) { background-color: #F7F7F7; }
.result .listing .email-add {
    display: block;
    margin: auto;
    width: 85px;
    word-wrap: break-word;
}
.result .listing .interview-status { text-align: left; }
.result .listing .resume button { font-size: 11px; }

.result .modal-header h4 {
    color: #337ab7;
    font-size: 20px;
    margin-left: 10px;
}
.result .dropdown-menu > li > button {
    background-color: #FFFFFF;
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857143;
    padding: 3px 20px;
    white-space: nowrap;
}
.result .dropdown-menu > li > button:hover { background-color: #F5F5F5; }
.result .modal-body select { padding: 5px; height: 50px; }
.result .modal-footer button:first-of-type { color: #000000; }

.result .pagination { float: right; margin: 10px 0; }
.result .pagination:first-of-type { margin-top: -32px; }
.result .pagination .next a { margin-right: 0; }

.result .modal.resume .modal-body p,
.result .modal.email .modal-body p { margin-bottom: 5px; }

.result .modal.resume .modal-body input,
.result .modal.email .modal-body input  {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    width: 400px;
}

.result .modal.resume .modal-body,
.result .modal.email .modal-body { padding: 30px; }

.result .view-resume .modal-dialog { width: 800px; }
.result .view-resume .modal-content {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    color: #202020;
    opacity: 1;
    padding: 0px;
    position: absolute;
    width: 800px;
    z-index: 99;
}
.result .view-resume .modal-body {
    max-height: 450px;
    overflow: auto;
    padding: 20px;
}
.result .modal.resume .modal-content {
    height: 550px;
    overflow-y: scroll;
    width: 700px;
}
.result .view-resume .modal-content i.loader { font-size: 50px; margin-left: 47%; }
.result .view-resume .modal-content .cropped  {
    float: left;
    margin-right: 30px;
    border-radius: 100%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    border: 1px solid #DFDFDF;
}
.resume-header .cropped img {
/*    border-radius: 25px;
    display: inline-block;
    height: 30px;
    margin: -1px 5px 0px 0px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;*/
}
.cropped   {
    float: left;
    margin-right: 30px;
    border-radius: 100%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    /*border: 1px solid #DFDFDF;*/
}
.result .view-resume .modal-content .resume-header ,
.resume-header {
  border-bottom: 3px solid #6BA2C6;
  display: block;
  margin-bottom: 5px;
  padding-bottom: 15px;
}
.result .view-resume .resume-header .profile-info { float: left; margin-left: 10px; }
.result .view-resume .resume-body .resume-block { margin: 20px 0px; }
.result .view-resume .resume-body .resume-block h3 { color: #6BA2C6; font-size: 16px; }
.result .view-resume .modal-footer button { color: #FFFFFF; }
.result .modal-body div.endorsement,
.result .modal-body div.hired { margin: 0 auto; margin-top: 10px; }
.result .modal-body textarea.endorsement,
.result .modal-body textarea.hired {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: none;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 70px;
    margin: 0 auto;
    padding: 10px;
    width: 500px;
}
.result .modal-body div.job-reference {
    color: #555;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    margin: 0 auto;
    padding: 5px 0 5px 0;
}
.result .modal-body div.job-reference input {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    width: 100%;
}
/* MANAGE APPLICANTS
--------------------------------*/
/*.applicants .listing table { word-wrap: break-word; table-layout: fixed;  }*/
.applicants textarea.mce-textbox {
    background: #FFFFFF;
    color: #000000;
}
.applicants .sidebar { width: 20%; }
.applicants .sidebar .filters .drafts li i {
    color: #3C8EC4; 
    font-size: 16px;
}
.applicants .sidebar .filters .drafts li a.selected {
    font-weight: bold;
    text-decoration: underline;
}
.applicants .listing { width: 80%; }
.applicants .listing .content { margin-left: 15px; }
.applicants .listing .actions { display: block; margin-bottom: 10px; }
.applicants .listing .actions .btn {
    display: inline-block;
    margin-right: 5px;
    padding: 9px 15px 7px;
}
.applicants .listing .clear-applicants { margin-left: -10px; }

.applicants .listing .per-page { display: inline-block; float: right; }
.applicants .listing .per-page div {
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    width: 58px;
}
.applicants .listing .per-page div .drop { right: 12px; z-index: -1; }
.applicants .listing .per-page select {
    border: 2px solid #3D8EC5;
    border-radius: 5px;
    padding: 7px 18px 7px 5px;
    /*width: 100%;*/
}

.applicants .listing table {
    font-family: 'Roboto-Light';
    margin-top: 10px;
    text-align: left;
    /*width: 100%;*/
}
.applicants .listing table thead { color: #FFFFFF; background: #3D8EC5; }
.applicants .listing table thead a { color: #A8E6FF; margin-left: 5px; }
.applicants .listing table thead th { padding: 10px 0px;  font-size: 11px; }
.applicants .listing table thead th:first-child {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    width: 1%;
}
.applicants .listing table thead th:last-child {   width: 13%; }
/*.applicants .listing table thead th:nth-child(2) { width: 9%; }
.applicants .listing table thead th:nth-child(3) { width: 9%; }
.applicants .listing table thead th:nth-child(4) { width: 6%; }
.applicants .listing table thead th:nth-child(5) { width: 18%; }
.applicants .listing table thead th:nth-child(6) { width: 10%; }
.applicants .listing table thead th:nth-child(7) { width: 7%; }
.applicants .listing table thead th:nth-child(8) { width: 18%; }
.applicants .listing table thead th:nth-child(9) { width: 6%; }*/
.applicants .listing table thead th:last-child {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

.applicants .listing .content .actions .information { position: relative; width: 600px; }
.applicants .listing .content .actions .information div.search-information {
    background-color: #FFFF83;
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    display: none;
    margin-top: -85px;
    padding: 5px;
    position: absolute;
    z-index: 999;
}
.applicants .listing .content .actions .information .search-information i { float: left; }
.applicants .listing .content .actions .information .search-information p { margin-left: 15px; }

.applicants #forward-resume { overflow-y: hidden !important; }
.applicants .listing table thead th:first-child input { margin: 5px 0 0 5px; }
/*.applicants .listing table tbody td { border-bottom: solid 1px #CCCCCC; padding: 10px 5px; }*/
.applicants .listing table tbody tr:last-of-type td { border: none; }
.applicants .listing table tbody td a {
    color: #0E5583;
    font-family: 'Roboto-Regular';
    font-weight: bold;
}
.applicants .listing table tbody tr:nth-child(even) { background-color: #F7F7F7; }
.applicants .listing table tbody tr td.blacklisted a { color: #D24148 !important; }
.applicants .listing table tbody tr td.forced a { color: #108032; }
.applicants .listing .email-add {
    display: block;
    margin: auto;
    width: 85px;
    word-wrap: break-word;
}
.applicants .listing .resume button { font-size: 11px; }

.applicants .modal-header h4 {
    color: #337ab7;
    font-size: 20px;
    margin-left: 10px;
}
.applicants .dropdown-menu > li > button {
    background-color: #FFFFFF;
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857143;
    padding: 3px 20px;
    white-space: nowrap;
}
.applicants .dropdown-menu > li > button:hover { background-color: #F5F5F5; }
.applicants .modal-body select { padding: 5px; height: 50px; }
.applicants .modal-body div.endorsement,
.applicants .modal-body div.hired { margin: 0 auto; margin-top: 10px; }
.applicants .modal-body textarea.endorsement,
.applicants .modal-body textarea.hired {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: none;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 70px;
    margin: 0 auto;
    padding: 10px;
    width: 500px;
}
.applicants .modal-footer button:first-of-type { color: #000000; }
.applicants .modal.resume .modal-body,
.applicants .modal.email .modal-body { padding: 30px; }
.applicants .modal.resume .modal-body p,
.applicants .modal.email .modal-body p { margin-bottom: 5px; }
.applicants .modal.resume .modal-body input,
.applicants .modal.email .modal-body input {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    width: 400px;
}
.applicants .modal.resume .modal-body textarea.message,
.applicants .modal.email .modal-body textarea.message {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 100px;
    padding: 10px;
    width: 530px;
}
.applicants .modal.resume .modal-content {
    height: 550px;
    overflow-y: scroll;
    width: 700px;
}
.applicants .pagination { float: right; margin: 10px 0; }
.applicants .pagination:first-of-type { margin-top: -32px; }
.applicants .pagination .next a { margin-right: 0; }

.applicants .view-resume .modal-dialog { width: 800px; }
.applicants .view-resume .modal-content {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    color: #202020;
    opacity: 1;
    padding: 0px;
    position: absolute;
    width: 800px;
    z-index: 99;
}
.applicants .view-resume .modal-body {
    max-height: 450px;
    overflow: auto;
    padding: 20px;
}
.applicants .view-resume .modal-content i.loader { font-size: 50px; margin-left: 47%; }
.applicants .view-resume .modal-content .cropped  {
    float: left;
    margin-right: 30px;
    border-radius: 100%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    border: 1px solid #DFDFDF;
}
/*.application-list {
  
  table-layout: fixed;
  border-collapse: collapse;
}
.application-list thead tr {
  display: block;
  position: relative;
}
.application-list tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 400px;
}*/

.applicants .wrap { width: 990px; }
.applicants.wrap table {
    width: 940;
    table-layout: fixed;
}
.applicants table tr td {
    padding: 5px;
    word-wrap: break-word;
}
.applicants .inner_table { height: 400px; overflow-y: auto;}

/*.applicants table tr td { padding: 4px; }*/
.applicants .listing table th { width: 7%; text-align: center; }
.applicants .listing table td { width: 5%; text-align: center; font-size: 12px; }
.applicants table td:first-child { width: .1%; padding-right: 4px;  font }
.resume-header .cropped img {
/*    border-radius: 25px;
    display: inline-block;
    height: 30px;
    margin: -1px 5px 0px 0px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;*/
}
.cropped   {
    float: left;
    margin-right: 30px;
    border-radius: 100%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    /*border: 1px solid #DFDFDF;*/
}
.applicants .view-resume .modal-content .resume-header ,
.resume-header {
  border-bottom: 3px solid #6BA2C6;
  display: block;
  margin-bottom: 5px;
  padding-bottom: 15px;
}
.applicants .view-resume .resume-header .profile-info { float: left; margin-left: 10px; }
.applicants .view-resume .resume-body .resume-block { margin: 20px 0px; }
.applicants .view-resume .resume-body .resume-block h3 { color: #6BA2C6; font-size: 16px; }
.applicants .view-resume .modal-footer button { color: #FFFFFF; }
.resume-block h3 {   color: #6BA2C6; font-size: 16px; }
.profile-info { float: left; margin-left: 20px; }
.image-holder .default {
    height: 150px;
}
.image-holder {
   
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* POST JOBS
--------------------------------*/
.post input.text, .post select.text,
.edit input.text, .edit select.text { width: 600px; }
.post #mceu_68-body textarea,
.edit #mceu_68-body textarea,
.post #mceu_75-body textarea,
.edit #mceu_75-body textarea,
.post #mceu_82-body textarea,
.edit #mceu_82-body textarea  {
    background: #FFFFFF;
    color: #000000;
}
.post .post-logo ul.all-logo {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 200px;
    overflow-y: scroll;
    padding: 8px 0 8px;
    width: 600px;
}
.post .logo-preview img { max-width: 500px }
.post .post-logo .all-logo li input {
  height: 0;
  width: 0;
}
.post .post-logo .all-logo li {
    list-style-type: none;
    padding: 5px 30px 5px;
}
.post .post-logo .all-logo li.logo-option {
    cursor: pointer;
    float: left;
}
.post .post-logo .all-logo li img{ width:50px; height:50px; }
.post #logo-preview {
    padding-bottom: 20px;
}
.post .post-logo .all-logo li.selected { background-color: #8ABBDB; }
.post input.post-title, .edit input.post-title { width: 800px; }
.post .form-group a {
    color: #3c8ec4;
    margin-left: -27px;
    margin-top: 14px;
    position: absolute;
    text-decoration: none;
    z-index: -1;
}
.post .form-group div { z-index: 0; }
.post h4 { color: #3C8EC4; }
.post form { margin: 30px 0 50px; }
.post label {
    display: inline-block;
    font-weight: normal;
    margin-top: 7px;
    padding: 0;
    text-align: right;
}
.post textarea { border-radius: 5px; width: 300px; }
.post .post-active {
    background-color: #E8E8E8;
    border-radius: 4px;
    border: 1px solid #A4A4A4;
    color: #7E7E7E;
    display: inline-block;
    margin: 0;
    padding: 6px 0;
    text-align: center;
    width: 200px;
}
.post .job-function ul.all-functions {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 200px;
    overflow-y: scroll;
    padding: 8px 0 8px;
    width: 380px;
}
.post .job-function ul.all-functions:before { background: none; }
.post .job-function .all-functions li { list-style-type: none; padding: 5px 30px 5px; }
.post .job-function .all-functions li.job-function-option {
    cursor: pointer;
    padding-left: 45px;
}
.post .job-function .all-functions li.selected { background-color: #3C8EC4; }
.post .job-function .all-functions li input { display: none; height: 0; width: 0; }
.post .job-function #function:before { background-color: transparent !important; }
.post .post-duration input { width: 174px; }

.post .content-block .mce-tinymce { border-radius: 5px; }
.post .content-block iframe { border-radius: 5px; height: 315px !important; }

/* Location */
.post .location-wrapper {
    border: 1px solid #909090;
    border-radius: 5px;
    float: left;
    height: 270px;
    width: 297px;
}
.post .region-dropdown {
    border-bottom: 0px !important;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 9px;
    width: 218px;
}
.post .region-dropdown i,
.post .location-tag i.close,
.post .functions i.close {
    color: #FFFFFF;
    font: normal normal normal 12px/1 FontAwesome;
    margin-left: 7px;
    opacity: 1;    
    text-shadow: none;
}
.post .location-tag a.remove-location,
.post .functions a.remove-function
 {
    color: #000000;
    display: inline-block;
    margin: 0 0 -2px 0;
    position: relative;
    z-index: 0;
}
.post span.tag {
    background-color: #6BA2C6;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    margin: 2px;
    padding: 8px 15px;
}
.post .location-wrapper .region-wrapper,
.post .location-wrapper .city-wrapper {
    border-right: solid 1px #393939;
    float:left;
    height: 267px;
    position: relative;
}
.post .location-wrapper .region-wrapper { 
    cursor: pointer;
    width: 296px;
}
.post .location-wrapper .city-wrapper { border: 0; width: 50%; }
.post .location-wrapper ul {
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}
.post .location-wrapper .city-wrapper {
    background-color: #F0F0F0;
    display: none;
}
.post .location-wrapper ul li { padding: 10px 10px; position: relative; }
.post .location-wrapper ul.city {
    display: none;
    height: 198px;
    overflow-y: auto; 
}
.post .location-wrapper ul.city li:hover { background-color: #D0D0D0; }
.post .location-wrapper input[type='checkbox'], 
.post .location-wrapper ul.city li label { cursor: pointer; }
.post .location-wrapper ul li.active {
    background-color: #F0F0F0;
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
}
.post .location-wrapper ul li.active:first-of-type {
    background-color: #F0F0F0;
    border-bottom: 1px solid #909090;
    border-top: 0px solid #909090;
}
.post .location-wrapper ul li.active:after {
    border-right: 1px solid #F0F0F0;
    content: '';
    height: 44px;
    padding-right: 5px;
    position: absolute;
    right: -1px;
    top: 0px;
}
.post .location-wrapper .button-wrapper { padding: 10px; text-align: right; }
.post .location-wrapper .button-wrapper button {
    background-color: #6BA2C6;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    outline: none !important;
    padding: 8px 15px;
}
.post form .button-holder { display: block; margin-left: 206px; }
.post form .button-holder button {
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
}
.post form .button-holder .btn-preview {
    background-color: #E9E9E9;
    border: solid 1px #9F9F9F;
    box-shadow: 0 2px #9F9F9F;
    color: #585858;
    margin-top: -1px;
}
.post form .button-holder .btn-draft i { color: #9F9F9F; vertical-align: middle; }
.post form .button-holder .btn-draft {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9F9F9F; 
    border-radius: 0;
    color: #737373;
    font-weight: bold;
    margin-left: 5px;
    padding: 0;
}
.post .location-wrapper ul.city li { padding: 0px; }
.post .location-wrapper ul.city li label { 
    display: inline-block;
    padding: 10px 10px;
    text-align: left;
    width: 100%;
}

/* Date Picker */
.post .ui-datepicker { background-color: #FFFFFF; margin: 5px 0; }
.post .ui-datepicker th,
.post .ui-datepicker td a {
    color: #000000;
    font-family: 'Roboto-Light';
    text-align: center;
}
.post .ui-datepicker .ui-datepicker-header {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #B7B7B7;
    border-radius: 0;
    color: #000000;
    font-family: 'Roboto-Light';
}
.post .ui-datepicker select.ui-datepicker-month {
    appearance: menulist;
    font-family: 'Roboto-Light';
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
    -webkit-appearance: menulist;
}

.post .ui-state-default { background-color: transparent; border:none; }
.post .ui-datepicker .ui-state-active {
    background-color: #3A8FC6;
    border-radius: 5px;
    color: #FFFFFF;
}

.post .ui-widget-header a:hover {
    background-color: #3A8FC6;
    border: 3px solid #3A8FC6;
    font-weight: normal;
    margin: 1px 0 0 1px;
}
.post .ui-widget-header a:hover > i { color: #FFFFFF; vertical-align: baseline; }
.post .ui-widget-header a {
    border-radius: 15px;
    border: 1px solid #444444;
    height: 25px;
    text-align: center;
    width: 25px;
    z-index: 2;
}
.post i.fa { color: #444444; font-size: 13px; vertical-align: text-bottom; }
.post .ui-widget-header a.ui-state-disabled:hover {
    background-color: transparent;
    border: 1px solid #444444;
}
.post .ui-widget-header a.ui-state-disabled:hover > i {
    color: #000000;
    vertical-align: text-bottom;
}

.post .post-duration a { z-index: 0; }
.post div.loader { margin-top: 10px; }
.post .loader i.loader { color: #BDC3C7;  font-size: 24px; }
.post .loader span.loader-message { 
    color: #BDC3C7;
    font-size: 24px;
    font-style: italic;
}

.post .salaries select.salary,
.edit .salaries select.salary{ width: 200px; }

/* EDIT POST JOBS
--------------------------------*/

.edit .post-logo ul.all-logo {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 200px;
    overflow-y: scroll;
    padding: 8px 0 8px;
    width: 600px;
}
.edit .post-logo .all-logo li input {
  height: 0;
  width: 0;
}
.edit .logo-preview img { max-width: 500px }
.edit .post-logo .all-logo li {
    list-style-type: none;
    padding: 5px 30px 5px;
}
.edit .post-logo .all-logo li.logo-option {
    cursor: pointer;
    float: left;
}
.edit .post-logo .all-logo li img{ width:50px; height:50px; }
.edit #logo-preview {
    padding-bottom: 20px;
}
.edit .post-logo .all-logo li.selected { background-color: #8ABBDB; }
.edit .form-group a {
    color: #3c8ec4;
    margin-left: -27px;
    margin-top: 14px;
    position: absolute;
    text-decoration: none;
}
.edit h4 { color: #3C8EC4; display: inline-block; }
.edit form { margin: 30px 0 50px; }
.edit label {
    display: inline-block;
    font-weight: normal;
    margin-top: 7px;
    padding: 0;
    text-align: right;
}
.edit textarea { border-radius: 5px; width: 300px; }
.edit .post-active {
    display: inline-block;
    margin: 0;
    padding: 6px 0;
    text-align: center;
    width: 200px;
}
.edit .job-function ul.all-functions {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 200px;
    overflow-y: scroll;
    padding: 8px 0 8px;
    width: 380px;
}
.edit .job-function ul.all-functions:before { background: none; }
.edit .job-function .all-functions li { list-style-type: none; padding: 5px 30px 5px; }
.edit .job-function .all-functions li.job-function-option {
    cursor: pointer;
    padding-left: 45px;
}
.edit .job-function .all-functions li.selected { background-color: #3C8EC4; }
.edit .job-function .all-functions li input { display: none; height: 0; width: 0; }
.edit .job-function #function:before { background-color: transparent !important; }
.edit .post-duration input { width: 174px; }

.edit .content-block .mce-tinymce { border-radius: 5px; height: 350px; }
.edit .content-block iframe { border-radius: 5px; height: 315px !important; }

/* Location */
.edit .location-wrapper {
    border-radius: 5px;
    border: 1px solid #909090;
    float: left;
    height: 270px;
    width: 297px;
}
.edit .region-dropdown {
    border-bottom: 0px !important;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 9px;
    width: 218px;
}
.edit .region-dropdown i,
.edit .location-tag i.close,
.edit .functions i.close {
    color: #FFFFFF;
    font: normal normal normal 12px/1 FontAwesome;
    margin-left: 7px;
    opacity: 1;
    text-shadow: none;
}
.edit .location-tag a.remove-location,
.edit .functions a.remove-function {
    color: #000000;
    display: inline-block;
    margin: 0 0 -2px 0;
    position: relative;
}
.edit span.tag {
    background-color: #6BA2C6;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    margin: 2px;
    padding: 8px 15px;
}
.edit .location-wrapper .region-wrapper { border-right: solid 1px #393939; }
.edit .location-wrapper .region-wrapper,
.edit .location-wrapper .city-wrapper {
    border-right: solid 1px #393939;
    float:left;
    height: 267px;
    position: relative;
}
.edit .location-wrapper .region-wrapper { 
    cursor: pointer;
    width: 296px;
}
.edit .location-wrapper .city-wrapper { border: 0; width: 50%; }

.edit .location-wrapper ul {
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}
.edit .location-wrapper .city-wrapper {
    background-color: #F0F0F0;
    display: none;
}
.edit .location-wrapper .region-wrapper{ cursor: pointer; }
.edit .location-wrapper ul li {
    padding: 10px 10px;
    position: relative;
}
.edit .location-wrapper ul.city {
    display: none;
    height: 198px;
    overflow-y: auto; 
}
.edit .location-wrapper ul.city li:hover { background-color: #D0D0D0; }
.edit .location-wrapper input[type='checkbox'], 
.edit .location-wrapper ul.city li label { cursor: pointer; }
.edit .location-wrapper ul li.active {
    background-color: #F0F0F0;
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
}
.edit .location-wrapper ul li.active:first-of-type {
    background-color: #F0F0F0;
    border-bottom: 1px solid #909090;
    border-top: 0px solid #909090;
}
.edit .location-wrapper ul li.active:after {
    border-right: 1px solid #F0F0F0;
    content: '';
    height: 44px;
    padding-right: 5px;
    position: absolute;
    right: -1px;
    top: 0px;
}
.edit .location-wrapper .button-wrapper { padding: 10px; text-align: right; }
.edit .location-wrapper .button-wrapper button {
    background-color: #6BA2C6;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    outline: none !important;
    padding: 8px 15px;
}

.edit form .button-holder { display: block; margin-left: 206px; }
.edit form .button-holder button {
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
}
.edit form .button-holder .btn-preview {
    background-color: #E9E9E9;
    border: solid 1px #9F9F9F;
    box-shadow: 0 2px #9F9F9F;
    color: #585858;
    margin-top: -1px;
}
.edit form .button-holder .btn-draft i { color: #9F9F9F; vertical-align: middle; }
.edit form .button-holder .btn-draft {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9F9F9F; 
    border-radius: 0;
    color: #737373;
    font-weight: bold;
    margin-left: 5px;
    padding: 0;
}
.edit form .button-holder .btn-danger {
    border-bottom: 3px solid #d43f3a;
    font-size: 16px;
    padding: 7px 18px;
}
.edit .location-wrapper ul.city li { padding: 0px; }
.edit .location-wrapper ul.city li label { 
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
    text-align: left;
}

/* Date Picker */
.edit .ui-datepicker { background-color: #FFFFFF; margin: 5px 0; z-index: 5 !important; }
.edit .ui-datepicker th,
.edit .ui-datepicker td a {
    color: #000000;
    font-family: 'Roboto-Light';
    text-align: center;
}
.edit .ui-datepicker .ui-datepicker-header {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #B7B7B7;
    border-radius: 0;
    color: #000000;
    font-family: 'Roboto-Light';
}
.edit .ui-datepicker select.ui-datepicker-month {
    appearance: menulist;
    font-family: 'Roboto-Light';
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
    -webkit-appearance: menulist;
}

.edit .ui-state-default { background-color: transparent; border:none; }
.edit .ui-datepicker .ui-state-active {
    background-color: #3A8FC6;
    border-radius: 5px;
    color: #FFFFFF;
}

.edit .ui-widget-header a:hover {
    background-color: #3A8FC6;
    border: 3px solid #3A8FC6;
    font-weight: normal;
    margin: 1px 0 0 1px;
}
.edit .ui-widget-header a:hover > i { color: #FFFFFF; vertical-align: baseline; }
.edit .ui-widget-header a {
    border-radius: 15px;
    border: 1px solid #444444;
    height: 25px;
    text-align: center;
    width: 25px;
    z-index: 2;
}
.edit i.fa { color: #444444; font-size: 13px; vertical-align: text-bottom; }
.edit .ui-widget-header a.ui-state-disabled:hover {
    background-color: transparent;
    border: 1px solid #444444;
}
.edit .ui-widget-header a.ui-state-disabled:hover > i {
    color: #000000;
    vertical-align: text-bottom;
}

.edit .post-duration a { z-index: 0; }
.edit div.loader { margin-top: 10px; }
.edit .loader i.loader { color: #BDC3C7;  font-size: 24px; }
.edit .loader span.loader-message { 
    color: #BDC3C7;
    font-size: 24px;
    font-style: italic;
}

/* INCENTIVE */
.incentive .incentive-form { text-align: center; margin-bottom: 50px; }
.incentive .btn-gray { background: #4354AC; }
.incentive .btn-red { background: #C32C3B; }
.incentive .btn-blue { background: #0E76BC; }

.incentive .incentive-list { width: 500px; margin: 0 auto; }
.incentive .incentive-list .btn { margin: 5px; width: 110px; }
.incentive table { width: 500px;}
.incentive table thead { color: #FFFFFF; background: #3D8EC5; }
.incentive table thead a { color: #A8E6FF; margin-left: 5px; }
.incentive table thead th { padding: 10px 2px; font-size: 11px; text-align: center; }
.incentive table thead th:first-child input { margin: 5px 0 0 5px; }
.incentive table tbody td { border-bottom: solid 1px #CCCCCC; padding: 10px 12px; text-align: center; }
.incentive table tbody tr:nth-child(even) { background-color: #F7F7F7; }
.incentive table tbody tr:last-of-type td { border: none; }
.incentive table tbody tr td:first-of-type input { margin-left: 2px; }
.incentive a.btn { 
    font-size: 12px;
    margin: 0 0 5px;
    width: 100%; 
}

.incentive .pagination { display: inline-block !important; }

/* LOGO 
-----------------*/
.logo .container { padding: 20px; }
.logo .logo-form { margin-bottom: 25px; }
.logo .btn-gray { background: #4354AC; }
.logo .btn-red { background: #C32C3B; }
.logo .btn-blue { background: #0E76BC; }
.logo table { width: 500px;}
.logo table thead { color: #FFFFFF; background: #3D8EC5; }
.logo table thead a { color: #A8E6FF; margin-left: 5px; }
.logo table thead th { padding: 10px 2px; font-size : 11px; text-align: center; }
.logo table thead th:first-child input { margin: 5px 0 0 5px; }
.logo table tbody td { border-bottom: solid 1px #CCCCCC; padding: 10px 12px; }
.logo table tbody tr:nth-child(even) { background-color: #F7F7F7; }
.logo table tbody tr:last-of-type td { border: none; }
.logo table tbody tr td:first-of-type input { margin-left: 2px; }
.logo a.btn, .logo button.btn.delete-photo { 
    font-size: 12px;
    margin: 0 0 5px;
    width: 100%; 
}
.logo .logo-form h3 { text-align: center; }
#btn-upload { width: inherit; }
.logo .logo-form { text-align: center; }
.logo .logo-note { width: 500px; margin: 0 auto; }
.logo .logo-list { margin-top: 10px; width: 100%; }
.logo .logo-list .image {
    display: inline-block;
    margin: 10px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 200px;
}
.logo .logo-list .image a.btn { display: block; }
.logo .logo-list .image span.title { font-weight: bold; }
.logo .logo-list .image .image-container { min-height: 200px; }
.logo .logo-list .image .image-container img.main-image { margin: 5px; width: 100%; }

.logo .pagination { margin-bottom: 15px; min-height: 30px; }

.logo .container .cropped {
    display: none !important;
    width: 300px;
    height: 100px;
    border-radius: 0;
}
.logo .container .action {
    width: 400px;
    height: 30px;
    margin: 10px 0;
}
.logo .container .imageBox {
    background-repeat: no-repeat;
    background: #FFFFFF;
    border:1px solid #AAAAAA;
    cursor: move;
    height: 700px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 700px;
}
.logo .container .upload-croppable,
.logo .container .upload-fixed { margin-top: 10px; padding: 10px; }
.logo .container form label p { font-size: 15px; margin: 5px; }
.logo .container form button { width: 80px; }
.logo .container .imageWrapper { display: none; }
.logo .container .image-action { margin: 10px 0; }
.logo .container .image-action button {
    background-color: #0E5482;
    border-bottom: 3px solid #003D65;
    color: #FFFFFF;
    font-size: 17px;
    padding: 4px 16px;
}
.logo .container .imageBox .thumbBox {
    background: none repeat scroll 0% 0% transparent;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    float: left;
    height: 500px;
    margin: 100px 0 0 100px;
    overflow: hidden;
    position: absolute;
    width: 500px;
}
.logo .container .imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}
.logo .container .image-cropped {
    float: left;
}

/* INTERVIEW TIME
--------------------------------*/
.interview .default {
    width: 110px;
}
.interview h3 { color: #3C8EC4; text-align: center; }
.interview .default-time { color: green; font-style: italic; font-weight: bold; }
.interview .container { padding: 20px; margin: 0 auto; }
.interview .btn-gray { background: #4354AC; }
.interview .btn-red { background: #C32C3B; }
.interview .btn-blue { background: #0E76BC; }
.interview .interview-time table { width: 450px;}
.interview .interview-time table thead { color: #FFFFFF; background: #3D8EC5; }
.interview .interview-time table thead a { color: #A8E6FF; margin-left: 5px; }
.interview .interview-time table thead th { padding: 10px 2px; font-size: 11px; text-align: center; }
.interview .interview-time table thead th:first-child input { margin: 5px 0 0 5px; }
.interview .interview-time table tbody td { border-bottom: solid 1px #CCCCCC; padding: 10px 12px; }
.interview .interview-time table tbody tr:nth-child(even) { background-color: #F7F7F7; }
.interview .interview-time table tbody tr:last-of-type td { border: none; }
.interview .interview-time table tbody tr td:first-of-type input { margin-left: 2px; }
.interview .interview-time table tbody tr td.center-text {
    font-weight: bold;
    text-align: center;
}
.interview .interview-time select {
    background-color: transparent;
    width: 100%;
}
.interview .interview-time table tbody td.action {  text-align: center; }
.interview .add-interview-time a.btn { 
    font-size: 14px;
}
.interview .pagination { display: inline-block !important; }
.interview .time a { cursor: pointer;
    color: #3C8EC4;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: -1;
}
.interview .modal-body { z-index: 1; }
.interview .time {
   border-radius: 5px;
    border: 2px solid #3C8EC4;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 155px;
    vertical-align: middle;
    font-size: 24px;
    padding: 6px;
}
.interview .add-interview-time {
    text-align: center;
    margin: 20px;
}
.interview .interview-date { margin-top: 60px; }
.interview .interview-date .content { display: table; margin: 0 auto; }
.interview .interview-date .content .date { display: inline-block; margin-right: 7px; }
.interview .interview-date .content .date input.interview {
    font-family: Roboto-Regular, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    width: 270px;
}
.interview .interview-date .content .buttons { display: inline-block; }
.interview .interview-date .content .buttons input.save {
    height: 40px;
    margin-bottom: 5px;
}

/* Date Picker for Interview */
.interview .ui-datepicker { background-color: #FFFFFF; margin: 5px 0; }
.interview .ui-datepicker th,
.interview .ui-datepicker td a {
    color: #000000;
    font-family: 'Roboto-Light';
    text-align: center;
}
.interview .ui-datepicker .ui-datepicker-header {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #B7B7B7;
    border-radius: 0;
    color: #000000;
    font-family: 'Roboto-Light';
}
.interview .ui-datepicker select.ui-datepicker-month {
    appearance: menulist;
    font-family: 'Roboto-Light';
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
    -webkit-appearance: menulist;
}

.interview .ui-state-default { background-color: transparent; border:none; }
.interview .ui-datepicker .ui-state-active {
    background-color: #3A8FC6;
    border-radius: 5px;
    color: #FFFFFF;
}

.interview .ui-widget-header a:hover {
    background-color: #3A8FC6;
    border: 3px solid #3A8FC6;
    font-weight: normal;
    margin: 1px 0 0 1px;
}
.interview .ui-widget-header a:hover > i { color: #FFFFFF; vertical-align: baseline; }
.interview .ui-widget-header a {
    border-radius: 15px;
    border: 1px solid #444444;
    height: 25px;
    text-align: center;
    width: 25px;
    z-index: 2;
}
.interview i.fa { color: #444444; font-size: 13px; vertical-align: text-bottom; }
.interview .ui-widget-header a.ui-state-disabled:hover {
    background-color: transparent;
    border: 1px solid #444444;
}
.interview .ui-widget-header a.ui-state-disabled:hover > i {
    color: #000000;
    vertical-align: text-bottom;
}

/* EDIT POST JOBS
--------------------------------
.preview .modal-body {
    position: relative;
    padding: 15px 25px;
    overflow-y: auto;
    max-height: 525px;
}
.preview p { line-height: 23px; }
.preview label { color: #3C8EC4; font-size: 15px; }

.preview .job-reference p, 
.preview .job-reference label {
    color: #404040;
    display: inline-block;
    font-size: 14px;
}
.preview .job-reference .post-title {
    color: #0E5482;
    display: block;
    font-size: 24px;
    margin: 16px 0 5px;
}
.preview .paragraph p { line-height: 26px !important; margin-left: 20px !important; }
.preview .job-title { display: block; margin-top: 35px; text-align: left; }
.preview .job-function {
    background-color: #0E5482;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px 2px; 
    padding: 5px 10px;
}
.preview .straight { display: block; margin: 5px 0; }
.preview .straight label { display: inline-block; margin-top: 10px; }
.preview .straight p {
    display: inline-block;
    float: right;
    font-size: 14px;
    margin-top: 8px;
    width: 62%;
}
.preview .city { float: right; width: 62%; }
.preview .city p {
    display: inline-block;
    float: left;
    padding-left: 5px;
    width: auto;
}
.preview .btn { color: #000000; }
*/
/* MANAGE FOLDER
--------------------------------*/
.folder .sidebar { width: 16%; }
.folder .sidebar .folder-name { padding: 5px; }
.folder .sidebar .folder-name span {
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
}
.folder .listing { width: 84%; }
.folder .listing .content { margin-left: 15px; }
.folder .listing .actions { display: block; margin-bottom: 10px; }
.folder .listing .actions .btn {
    display: inline-block;
    margin-right: 5px;
    padding: 9px 15px 7px;
}
.folder .listing .actions .btn i { margin-left: 5px; }
.folder .listing .clear-folders { margin-left: -10px; }
.folder .listing .job-list a.btn { font-size: 12px; margin: 0 0 5px; width: 100% }
.folder .listing .job-list a.btn i { color: #FFFFFF; margin-left: 2px; }
.folder .listing .per-page { display: inline-block; float: right; }
.folder .listing .per-page div {
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    width: 58px;
}
.folder .listing .per-page div .drop { right: 12px; z-index: -1; }
.folder .listing .per-page select {
    border: 2px solid #3D8EC5;
    border-radius: 5px;
    padding: 7px 18px 7px 5px;
    width: 100%;
}

.folder .listing table {
    font-family: 'Roboto-Light';
    margin-top: 10px;
    text-align: left;
    width: 100%;
}
.folder .listing table thead { color: #FFFFFF; background: #3D8EC5; }
.folder .listing table thead a { color: #A8E6FF; margin-left: 9px; }
.folder .listing table thead th { font-size: 11px; padding: 10px 5px; }
.folder .listing table thead th:nth-child(1) { width: 5%; }
.folder .listing table thead th:nth-child(2) { width: 15%; }
.folder .listing table thead th:nth-child(3) { width: 12%; }
.folder .listing table thead th:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
.folder .listing table thead th:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.folder .listing table thead th:first-child input { vertical-align: bottom; }
.folder .listing table tbody td:first-child,
.folder .listing table tbody td:nth-child(2) { text-align: left; }
.folder .listing table tbody td {
    border-bottom: solid 1px #CCCCCC;
    color: #393939;
    font-family: 'Roboto-Regular', Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 5px;
    text-align: center;
}
.folder .listing table tbody tr:last-of-type td { border: none; }

.folder .pagination { float: right; margin: 10px 0; }
.folder .pagination:first-of-type { margin-top: -32px; }
.folder .pagination .next a { margin-right: 0; }

/* JOB SEEKER
--------------------------------*/
.profile textarea.mce-textbox {
    background: #FFFFFF;
    color: #000000;
}
.profile .modal.email .modal-body input  {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    width: 400px;
}
.profile .actions { display: block; margin-bottom: 10px; }
.profile .information {
    background-color: #EFF6FC;
    border-radius: 5px;
    padding: 40px 20px;
    position: relative;
    text-align: center;
}
.profile .information p { display: inline-block; width: 300px; }
.profile .information .btn { display: inline-block; margin-top: -73px; }

.profile .tab { margin-top: 20px; }
.profile .tab ul li { background-color: #EEEEEE; border-right: 1px solid #DDDDDD; }
.profile .tab ul li:last-of-type { border: none; }
.profile .tab ul li a { border-bottom: 1px solid #3C8EC4; color: #808080; }
.profile .tab ul li.active { border: none; }
.profile .tab ul li.active a {
    background-color: #FAFAFA;
    border: 1px solid #3C8EC4 !important;
    border-bottom: 1px solid #FAFAFA !important;
    color: #0E5482;
    font-size: 17px;
    font-weight: bold;
    margin-top: -10px;
    padding-top: 20px;
    width: 100%;
}
.profile .tab ul li.active a:hover,
.profile .tab ul li.active:hover a {
    background-color: #FAFAFA;
    border: 1px solid #3C8EC4;
    border-bottom: 1px solid #FAFAFA;
    color: #0E5482;
}
.profile .tab ul li:first-of-type,
.profile .tab ul li:first-of-type a { border-top-left-radius: 5px; }
.profile .tab ul li:last-of-type,
.profile .tab ul li:last-of-type a { border-top-right-radius: 5px; }

.profile .tab ul li a:hover { background-color: #EEEEEE; color: #6C6C6C; }
.profile .tab .tab-content {
    background-color: #FAFAFA;
    border: 1px solid #3C8EC4 !important;
    border-top: none !important;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 30px;
}
.profile .tab .tab-content h5 { color: #3C8EC4; }
.profile .tab .tab-content dl { margin-left: 50px; }
.profile .tab .tab-content dl dt { display: table-cell; width: 200px; }
.profile .tab .tab-content dl dd {
    margin: -23px 0 0 250px;
    padding: 4px 0;
}
.profile .tab .tab-pane.active { margin: auto; padding: 50px 0; width: 80%; }

/* Application History */
.profile .tab .tab-pane.history dl { margin-left: 0; }
.profile .tab .tab-pane.history dl dt,
.profile .tab .tab-pane.history dl dd {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 32.33%;
}
.profile #forward-resume { overflow-y: hidden !important; }
/* Comments */
.profile .tab .tab-pane.comment {
    max-height: 525px;
    min-height: 450px;
    overflow-y: scroll;
    padding: 2% 10% 3%;
    width: 100%;
}
.profile .tab .tab-pane.comment ul li {
    background-color: transparent;
    border: none;
    list-style: none;
}
.profile .tab .tab-pane.comment .endorsement {
    margin-top: 20px; 
}
.profile .tab .tab-pane.comment .endorsement .btn-comment {
    background-color: #3D8EC5;
    float: right;
}
.profile .tab .tab-pane.comment .endorsement .endorse {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 100px;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
}
/* Activity Log */
.profile .tab .tab-pane.log table { width: 100%; }
.profile .tab .tab-pane.log table th:first-of-type,
.profile .tab .tab-pane.log table th:last-of-type,
.profile .tab .tab-pane.log table td:first-of-type,
.profile .tab .tab-pane.log table td:last-of-type { text-align: center; }
.profile .tab .tab-pane.log table th:nth-of-type(2) h5 { margin-left: 30px; }

.profile .tab .tab-pane.log table th { padding-bottom: 5px; }
.profile .tab .tab-pane.log table td {
    border-bottom: 1px solid #DADADA;
    padding: 7px 0;
}

/* Blacklisted */
.profile .blacklisted:after {
    background-image: url(/images/blacklisted.png);
    content: '';
    height: 136px;
    position: absolute;
    right: 25px;
    top: 20px;
    width: 182px;
}

/* Pagination */
.profile .pagination { float: right; }
.profile .pagination .pages {
    background-color: transparent;
    border-right: none;
}
.profile .pagination .pages a {
    border: 2px solid #3C8EC4;
    border-radius: 5px;
    color: #3C8EC4;
    font-size: 15px;
    margin-right: 5px;
    padding: 3px 7px;
}
.profile .pagination .pages a:hover {
    background-color: #3C8EC4;
    color: #FFFFFF;
    text-decoration: none;
}
.profile .pagination .pages.next a{
    padding-right: 20px;
    position: relative;
}
.profile .pagination .pages.prev a{
    padding-left: 20px;
    position: relative;
}
.profile .pagination .pages a.active {
    background-color: #3C8EC4;
    color: #FFFFFF;
}

.profile .modal.email .modal-body,
.profile .modal.resume .modal-body { padding: 30px; }
.profile .modal.resume .modal-body p,
.profile .modal.email .modal-body p { margin-bottom: 5px; }
.profile .modal.resume .modal-body input {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    width: 400px;
}
.profile .modal.resume .modal-body textarea.message,
.profile .modal.email .modal-body textarea.message {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    font-family: 'Roboto-Light';
    font-size: 14px;
    height: 100px;
    padding: 10px;
    width: 530px;
}
.profile .modal.resume .modal-content {
    height: 550px;
    overflow-y: scroll;
    width: 700px;
}

/* STATIC EDITABLE EDIT
--------------------------------*/
.static-edit .body .container { height: 450px; }
.static-edit .body .container button.save,
.static-edit .body .container a.back {
    float: right;
    margin: 10px 5px;
    padding: 10px 35px;
}
.static-edit #mceu_23-body textarea {
    background: #FFFFFF;
    color: #000000;
}

/* STATIC EDITABLE LIST
--------------------------------*/
.static-listing .body .listing .side-note {
    border: solid 1px #000000;
    border-radius: 5px;
    float: left;
    padding: 10px;
    width: 20%;
}
.static-listing .body .listing .list { float: right; width: 80%; }
.static-listing .body .listing .list table {
    color: #000000;
    font-family: 'Roboto-Regular', Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-left: 20px;
    width: 100%;
}
.static-listing .body .listing .list table thead {
    background: #3D8EC5;
    color: #FFFFFF;
}
.static-listing .body .listing .list table thead tr th { padding: 10px 10px; }
.static-listing .body .listing .list table tbody tr td:first-of-type { padding: 18px 10px; }
.static-listing .body .listing .list table thead tr th:last-of-type {
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
}
.static-listing .body .listing .list table tbody tr td:last-of-type {
    text-align: right;
    padding-right: 10px;
}
.static-listing .body .listing .list table tbody tr:nth-child(even) {
    background-color: #F7F7F7;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}

/* ADMIN PROFILE
--------------------------------*/
.admin-profile .clearfix { display: block !important; }
.admin-profile .body .side-note {
    border: solid 1px #000000;
    border-radius: 5px;
    float: right;
    padding: 15px;
    width: 30%;
}
.admin-profile .body .edit {
    float: left; 
    width: 70%;
}
.admin .body .edit .basic .name .form-group { margin-bottom: 5px; }

/* ADMIN LISTING
--------------------------------*/
.admin-user-list .body .alert-message .alert { width: inherit !important; }
.admin-user-list .clearfix { display: block !important; }
.admin-user-list .pagination {
    float: right;
    margin: 10px 0;
    margin-top: -32px;
}
.admin-user-list .body .side-note {
    border: solid 1px #000000;
    border-radius: 5px;
    float: left;
    padding: 15px;
    width: 22%;
}
.admin-user-list .body .list {
    float: right;
    margin-right: 3px;
    width: 75%;
}
.admin-user-list .body .list .search-filter button.search { background: #0D5482; }
.admin-user-list .body .list .actions { margin-bottom: 5px; }
.admin-user-list .body .list .actions a {
    display: inline-block;
    margin-right: 5px;
    padding: 9px 15px 7px;
}
.admin-user-list .body .list .admin-list {
    color: #000000;
    font-family: 'Roboto-Regular', Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    width: 100%;
}
.admin-user-list .body .list .admin-list thead {
    background: #3D8EC5;
    color: #FFFFFF;
}
.admin-user-list .body .list .admin-list thead tr th { padding: 5px; }
.admin-user-list .body .list .admin-list tbody tr td { padding: 3px; }
.admin-user-list .body .list .admin-list tbody tr:nth-child(even) {
    background-color: #F7F7F7;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}
.admin-user-list .body .list .admin-list thead tr th.action {
    float: right;
    margin-right: 7px;
}
.admin-user-list .body .list .admin-list tbody tr td.name.inactive { color: #AB4247; }
.admin-user-list .body .list .admin-list tbody tr td.action { float: right; }
.admin-user-list .body .list .admin-list tbody tr td.action a { padding: 4px 15px; }

/* ADMIN CREATE
--------------------------------*/
.admin-user-create h4 { color: #3C8EC4; }

/* ADMIN EDIT
--------------------------------*/
.admin-user-edit h4 { color: #3C8EC4; }

/* ROLES LIST
--------------------------------*/
.admin-role-list .body .alert-message .alert { width: inherit !important; }
.admin-role-list .clearfix { display: block !important; }
.admin-role-list .pagination {
    float: right;
    margin: 10px 0;
    margin-top: -32px;
}
.admin-role-list .body .side-note {
    border: solid 1px #000000;
    border-radius: 5px;
    float: left;
    padding: 15px;
    width: 27%;
}
.admin-role-list .body .list {
    float: right;
    margin-right: 3px;
    width: 70%;
}
.admin-role-list .body .list .search-filter button.search { background: #0D5482; }
.admin-role-list .body .list .actions { margin-bottom: 5px; }
.admin-role-list .body .list .actions a {
    display: inline-block;
    margin-right: 5px;
    padding: 9px 15px 7px;
}
.admin-role-list .body .list .role-list {
    color: #000000;
    font-family: 'Roboto-Regular', Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    width: 100%;
}
.admin-role-list .body .list .role-list thead {
    background: #3D8EC5;
    color: #FFFFFF;
}
.admin-role-list .body .list .role-list thead tr th { padding: 5px; }
.admin-role-list .body .list .role-list tbody tr td { padding: 3px; }
.admin-role-list .body .list .role-list tbody tr:nth-child(even) {
    background-color: #F7F7F7;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}
.admin-role-list .body .list .role-list thead tr th.action {
    float: right;
    margin-right: 10px;
}
.admin-role-list .body .list .role-list tbody tr td.name.inactive { color: #AB4247; }
.admin-role-list .body .list .role-list tbody tr td.action { float: right; }
.admin-role-list .body .list .role-list tbody tr td.action a { padding: 4px 15px; }

/* ROLES CREATE
--------------------------------*/
.admin-role-create h4,
.admin-role-create h5 { color: #3C8EC4; }
.admin-role-create input.checkbox { margin: 0;}
.admin-role-create .spacing { margin-bottom: 5px; }
.admin-role-create .error-pages,
.admin-role-create .row { padding-left: 15px; }
.admin-role-create .row .role-name { padding-left: 15px; }
.admin-role-create .row .role-name input.role { height: 33px; margin-left: 5px; }
.admin-role-create .row:nth-child(1) { margin-bottom: 10px; }
.admin-role-create .row:nth-child(2),
.admin-role-create .row:nth-child(3) { margin-bottom: 10px; margin-top: 15px; }
.admin-role-create .row:nth-child(4),
.admin-role-create .row:nth-child(5) { margin-bottom: 15px; }
.admin-role-create .row .error-pages .error-section { padding: 0px; }
.admin-role-create .row .error-pages .error-section .error-message {
    background: #FFE8E8;
    border-radius: 5px;
    border: 1px solid #DF2323;
    font-size: 12px;
    height: 100px;
    padding: 10px;
    width: 90%;
}
.admin-role-create .create { margin-left: 15px; margin-top: 5px; }

/* ROLES EDIT
--------------------------------*/
.admin-role-edit h4,
.admin-role-edit h5 { color: #3C8EC4; }
.admin-role-edit input.checkbox { margin: 0;}
.admin-role-edit .spacing { margin-bottom: 5px; }
.admin-role-edit .error-pages,
.admin-role-edit .row { padding-left: 15px; }
.admin-role-edit .row .role-name { padding-left: 15px; }
.admin-role-edit .row .role-name input.role { height: 33px; margin-left: 5px; }
.admin-role-edit .row:nth-child(1) { margin-bottom: 10px; }
.admin-role-edit .row:nth-child(2),
.admin-role-edit .row:nth-child(3) { margin-bottom: 10px; margin-top: 15px; }
.admin-role-edit .row:nth-child(4),
.admin-role-edit .row:nth-child(5) { margin-bottom: 15px; }
.admin-role-edit .row .error-pages .error-section { padding: 0px; }
.admin-role-edit .row .error-pages .error-section .error-message {
    background: #FFE8E8;
    border-radius: 5px;
    border: 1px solid #DF2323;
    font-size: 12px;
    height: 100px;
    padding: 10px;
    width: 90%;
}
.admin-role-edit .row.buttons { margin: 0; }
.admin-role-edit .edit { margin-left: 15px; margin-top: 5px; }

/* SETTINGS COMPANY PROFILE
--------------------------------*/
.company-profile .body .container { height: 480px; }
.company-profile .body .container .information { height: 30px; }
.company-profile .body .container button.save,
.company-profile .body .container a.back {
    float: right;
    margin: 10px 5px;
    padding: 10px 35px;
}
.company-profile #mceu_23-body textarea {
    background: #FFFFFF;
    color: #000000;
}

/* SETTINGS MANAGE EMAILS
--------------------------------*/
.settings-email .body .container .content { margin: 0 auto; width: 70%; }
.settings-email .body .container .content h3 {
    color: #3C8EC4;
    margin: 10px 0 25px;
    text-align: center;
}
.settings-email .body .container span.error { padding: 5px; }
.settings-email .body .container .content .buttons { text-align: center; }
.settings-email .body .container .content .buttons .btn { margin: 0 5px; }
.settings-email .body .container .content .email { width: 300px; }

/* SETTINGS JOBSEEKER SALARY
--------------------------------*/
.salaries .add-salary { text-align: center; }
.salaries .add-salary h3 { color: #3C8EC4; }
.salaries .add-salary .add-new-salary { margin-bottom: 30px; }
.salaries .add-salary .add-new-salary a { background: #0E76BC; }

.salaries .add-salary table.salary-list { margin: 0 auto; width: 100%; }
.salaries .add-salary table thead tr { color: #FFFFFF; background: #3D8EC5; }
.salaries .add-salary table thead tr th,
.salaries .add-salary table tbody tr td { padding: 12px; }
.salaries .add-salary table thead tr th { text-align: center; }
.salaries .add-salary table tbody tr:nth-child(even) {
    background-color: #F7F7F7;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}

.salaries .modal .modal-content { margin: 0 auto; width: 400px; }

/* SETTINGS DATE
--------------------------------*/
.date .add-date { text-align: center; }
.date .add-date h3 { color: #3C8EC4; }
.date .add-date .add-new-date { margin-bottom: 30px; }
.date .add-date .add-new-date a { background: #0E76BC; }

.date .add-date table.date-list { margin: 0 auto; width: 100%; }
.date .add-date table thead tr { color: #FFFFFF; background: #3D8EC5; }
.date .add-date table thead tr th,
.date .add-date table tbody tr td { padding: 12px; }
.date .add-date table thead tr th { text-align: center; }
.date .add-date table tbody tr:nth-child(even) {
    background-color: #F7F7F7;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}

.date .modal .modal-content { margin: 0 auto; width: 400px; }

/* DASHBOARD
--------------------------------*/
.dashboard .body .container h3 { color: #3C8EC4; text-decoration: underline; }
.dashboard .body .container .row.row-1 { margin-bottom: 40px; margin-top: 40px; }
.dashboard .body .container .row label.highlight {
    color: #3C8EC4;
    display: block;
    margin-bottom: 10px;
}
.dashboard .body .container .row a.detail { display: block; }
.dashboard .body .container .row span.number { color: #3C8EC4; }
.dashboard .body .container .row div.tab {
    border: solid 1px #888888;
    border-radius: 5px;
    min-height: 170px;
    padding: 10px;
}
.dashboard .body .container .row .tab p { color: #000000; }
.dashboard .body .container .row .tab p.interview-date { margin: 0; padding-left: 20px; }
.dashboard .body .container .row .tab p.interview-time { padding-left: 20px; }

/* ADVANCED SEARCH
--------------------------------*/
.advance-search .pagination { float: right; margin: 10px 0 10px; }
.advance-search .container .search-form { text-align: center; }
.advance-search .container .search-form h3 { color: #3C8EC4; text-decoration: underline; }
.advance-search .container .search-results {
    margin-top: 40px;
}
.advance-search .container .search-results .no-results {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.advance-search table.search-list {
    border-collapse: collapse;
    font-size: 15px;
    margin: 0 auto;
    width: 100%;
}
.advance-search .search-list thead tr th.name,
.advance-search .search-list tbody tr td.name {
    padding: 10px;
    width: 19%;
}
.advance-search .search-list thead tr th.hit,
.advance-search .search-list tbody tr td.hit {
    padding: 10px;
    width: 75%;
}
.advance-search .search-list thead tr { color: #FFFFFF; background: #3D8EC5; }
.advance-search .search-list tbody tr:nth-child(odd) { background: #DDDDDD; }
.advance-search .search-list tbody tr td.name a { color: #0E5583; font-weight: bold; }
.advance-search .search-list tbody tr td.hit span.highlight { color: #157CC1; font-weight: bold; }