@charset "utf-8";
/* CSS Document */

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    background-color: #f4f4f4;
    font: 14px/1.4 'Open Sans', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #333;
    height: 100%;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(/assets/img/app/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

/* ELEMENTS */
ul, ol, dl {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0px;
}

a img {
    border: none;
}

/* TRANSITIONS */
a {
    color: #333;
    cursor: pointer;
}

a:active, a:visited {
    text-decoration: none;
}

.transition {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
}

/* CONTENT */
.page-header.navbar, #habla_window_div, .scroll-to-top {
    will-change: transform;
}

.page-header.navbar .page-logo .logo-default {
    margin: 10px 10px 10px 0 !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > #main-action {
    padding: 20px 5px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > #main-action a.new-interview {
    width: auto !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > #main-action a.new-interview > i {
    float: none !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > #main-action a.new-interview > span {
    display: none !important;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo #userChecklist, .page-sidebar-closed.page-sidebar-closed-hide-logo #userPlanType {display: none;}

.header {
    background: #3e3e3e;
    height: 60px;
    width: 100%;
    min-width: 1165px;
}

.header #hiringroom_logo {margin: 9px 7px;}

.page-header.navbar .search-form.open {width: 200px !important;}

.page-header .top-menu .nav #btn_notification .badge.notific {
    position: absolute;
    width: 10px;
    height: 10px;
    padding: 0;
    bottom: 26px;
    right: 8px;
}

.content {
    position: relative;
    min-width: 1165px;
}

.content ul, .content ol, .form-section .bit-45, .modal .span6 .bit-45, .popup_add_postulant_form .span6 .bit-45, 
.popup_add_postulant_form .span6 .bit-75, #add_postulant_from_popup_top .bit-45, .vacant-item ul.vacant-features .bit-5, 
.vacant-item ul.vacant-features .bit-6, .vacant-item ul.vacant-features .bit-7, .vacant-item ul.vacant-features .bit-8, 
.vacant-item ul.vacant-features .bit-9, .vacant-item ul.vacant-features .bit-10, .vacant-item ul.vacant-features .bit-11, .vacant-item ul.vacant-features .bit-12, 
#funnel ul li.bit-5, #funnel ul li.bit-6, #funnel ul li.bit-7, #funnel ul li.bit-8, #funnel ul li.bit-9, #funnel ul li.bit-10, #funnel ul li.bit-11, #funnel ul li.bit-12, 
.left-col-2 > .col-md-2, .center-col-3 > .col-md-2, #info_riesgoonline form a.btn, .microsite-cover-pic, #component_img .thumbnail {padding: 0;}

.container {
    width: 100%;
    margin-top: -10px;
    margin-bottom: 20px;
    padding: 0;
/*    min-width: 965px !important;*/
}

.container h2, .page-content h2 {
    font-size: 32px;
    font-weight: 300;
    color: #333333;
    float: left;
    margin: 10px;
}

.container h2 span, .page-content h2 span, a.add-question i.fontello-plus {
    font-size: 18px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
    max-width: 350px;
    width: 350px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu-default .dropdown-menu-list > li > a {
    padding: 8px 14px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu-default .dropdown-menu-list li a i {
    font-size: 16px;
}

#setup ul li i[class^="fonticon-"]:before, #setup ul li i[class^="fontello-"]:before {
    color: #888;
    margin-right: .1em;
    margin-left: .1em;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    height: 74px;
}

.data-count {
    width: 100%;
    background: #fff;
    list-style: none;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

.data-count li {
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    border-right: 1px solid #dcdcdc;
}

.data-count .data-stats {
    background: #fff;
    padding: 8px 0;
}

.data-stats .data-stats-icon {
    font-size: 32px;
    padding: 4px 0;
    width: 40px;
}

.data-count li p {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
}

.data-count .more {
    background: #24bb72;
    padding: 0px;
    width: 8%;
    margin-right: 15px;
}

.data-count .more a {
    color: #fff;
    display: block;
    padding: 18px 16px;
}

.data-count .more a:hover {
    background: #00a56a;
}

#top-data-count #export_general_excel-action, #top-data-count #export_referrer_excel-action, #top-data-count #export_referred_excel-action {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 16px;
}

#top-data-count #export_general_excel-action .dropdown-toggle, #top-data-count #export_referrer_excel-action .dropdown-toggle, 
#top-data-count #export_referred_excel-action .dropdown-toggle {
    padding: 30px 6px;
    border-left: 1px solid #dcdcdc;
    height: 100%;
}

#top-data-count #export_general_excel-action .dropdown-toggle:hover, #top-data-count #export_referrer_excel-action .dropdown-toggle:hover, 
#top-data-count #export_referred_excel-action .dropdown-toggle:hover {
    background-color: #ececec;
}

#free-alert, #updates-alert, .notif-pop, .notif-info {margin: 75px 0 -75px 0;}

.row2 {
    margin-left: -5px; 
    margin-right: -5px;
}

.main-cols {
    width: 100%;
    /*min-width: 975px;*/
    margin: 15px auto;
    padding: 0 15px;
}

.left-col-2 {
    background-color: #fff;
    min-width: 650px;
    width: 100%;
    float: left;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

.right-col-1 {
    border: 1px solid #ececec;
    margin: 0 1%;
    max-width: 350px;
    min-width: 235px;
    width: 20%;
    float: left;
}

@media only screen and (max-width : 1420px) {
    .left-col-2 {
        width: 100%;
    }
}

.main-cols h3, .main-cols h4 {
    background: #eeeeee;
    font-size: 13px;
    color: #333333;
    height: 31px;
    line-height: 30px;
}

.main-cols h3 i, .main-cols h4 i, .container h5 i {
    font-size: 16px;
    border-right: 1px solid #cbcbcb;
    padding: 5px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.activity-feed {
    list-style: none;
    max-height: 650px;
}

.activity-feed li {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}

.activity-feed li:nth-child(even), .users-list li.active {
    background: #fdffd4 !important;
}

.activity-feed li:hover, .sidebar-users .prev-user:hover, .sidebar-users .next-user:hover {
    background: #f4f4f4;
}

.activity-feed li img {
    float: left;
    margin: 5px;
    width: 18%;
    border: 1px solid #ececec;
    height: auto;
}

.activity-feed li p {
    color: #333333;
    text-align: left;
    font-size: 11px;
    line-height: 16px;
}

.user-feed, .users-state {
    margin-top: 5px;
    float: left;
    min-width: 150px;
    width: 72%;
}

.activity-feed li a {
    text-decoration: none;
    width: 100%;
    display: block;
}

.sort-by {
    padding: 10px;
    float: left;
    border-bottom: 1px solid #ececec;
}

.sort-by label, .search-by label, .reports-by label, #reports p {
    font-size: 13px;
    font-weight: normal;
    color: #333333;
}

.search-by input[type="text"] {
    height: 33px;
    width: 200px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    color: #999;
}

.search-by input[type="submit"] {
    background: url(/assets/img/app/send-search.jpg)right no-repeat;
    height: 33px;
    width: 33px;
    border: 1px solid #ececec;
    position: relative;
    top: 11px;
    left: -4px;
}

.reports-by {
    width: 32%;
    padding: 10px;
    float: left;
}

.left-col-2 table {
    clear: both;
    width: 100%;
}

.left-col-2 table td, table#rate-process td, #rate-applicants td, #table_referents td {
    font-size: 12px;
    font-weight: normal;
    color: #545454;
    line-height: 24px;
    padding: 5px;
    text-align: center;
}

.left-col-2 table tr {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.left-col-2 table tr:nth-child(odd), .center-col-3 table tr:nth-child(odd), .center-col-4 table tr:nth-child(odd) {background: #f5f5f5;}

.left-col-2 table p, #rate-applicants td p, #table_referents td p {
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #545454;
    line-height: 16px;
    padding: 5px;
    word-wrap: break-word;
    text-align: left;
}

.left-col-2 table p, #rate-applicants td p {
    max-width: 80%;
}

#table_referents td p {
    max-width: 60%;
}

.left-col-2 table td i, .center-col-3 table td i {
    font-size: 16px;
}

.left-col-2 table p span {
    font-size: 9px;
    color: #fff;
    background: #24bb72;
    padding: 3px 5px;
    text-transform: capitalize;
}

.search-results {
    background: #249efa;
    padding: 5px 0 !important;
    list-style: none;
}

.search-results li {
    float: left;
    padding: 10px;
    border-right: 1px solid #346cc8;
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
}

.search-results li span {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}

#reports, .container_add_post2 .new_profile, .container_add_educ2 .new_profile_education, .search-results {margin-top: 10px;}
.customMargin8 {
    margin: 15px 0;
}
#reports .timeset {
    overflow: hidden;
    margin: 10px 0;
    padding: 0px;
}

.apply-filter .timeset li {width: 33.33% !important;}

#reports .timeset li, .apply-filter .timeset li, .apply-filter2 .timeset li {
    width: auto;
    float: left;
    margin: 0;
}

#reports .timeset li.last, .apply-filter .timeset li.last {
    margin-right: 0;
}

#reports .timeset li a, .apply-filter .timeset li a {
    display: block;
    padding: 10px 5px;
    background: #ececec;
    color: #333;
    font-size: 1em;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    border: 0;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

#reports .timeset li a:hover, .apply-filter .timeset li a:hover, .apply-filter2 .timeset li a:hover {
    background-color: #a1a1a1;
}

#reports .timeset li a:hover, .apply-filter .timeset li a.a0:hover, .apply-filter .timeset li a.a0.active {
    background-color: #e53135;    
}

#reports .timeset li a:hover, .apply-filter .timeset li a.a1:hover, .apply-filter .timeset li a.a1.active {
    background-color: #24bb72;    
}

#reports .timeset li a:hover, .apply-filter .timeset li a.a2:hover, .apply-filter .timeset li a.a2.active {
    background-color: #249efa;    
}

#reports .timeset li a:hover, .apply-filter .timeset li a.active, .edit-picture-dialog .fonticon-cancel-circled:hover, 
.contact-rep-dialog .fonticon-cancel-circled:hover {
    color: #333 !important;
}

#reports ul, .apply-filter ul {
    list-style: none;
}

#reports .list-wrap  ul {
    margin: 0;
    padding: 1em;
    -webkit-box-shadow: 0 2px 2px #999;
    box-shadow: 0 2px 2px #999;
    background: #FFF;
}

#reports ul li a {
    display: block;
    border-bottom: 1px solid #666;
    padding: 4px;
    color: #666;
}

#reports ul li a:hover, #reports ul li a:focus {
    background: #565656;
    color: white;
}

#reports ul li:last-child a, #filtersContainer .filterBy:nth-child(2), #invite_users_popup li:last-child, 
.data-count li:last-child, .vacancy-details #details #recordsList li:first-child .historyDetails {
    border: none;
}

#reports li a.current {
    background: #565656;
    color: #FFF;
}

.hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.demo-placeholder, .previewCV, .previewCV a {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}

table#rate-process, #rate-applicants, #table_interview, #table_referents {
    width: 100% !important;
    border: 1px solid #ececec;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

table#rate-process thead th, #rate-applicants thead th, #table_interview thead th, #table_referents thead th {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px;
    background: #FFF;
    border-bottom: 1px solid #ececec;
}

table#rate-process td.action, #rate-applicants td.action{
    color: #545454;
    font-size: 12px;
    text-align: center;
    padding: 15px 0 15px 5px;
    max-width: 220px;
    cursor: pointer;
}

table#rate-process td p, #rate-applicants td p, #table_referents td p, #table_users td p {
    text-align: left;
    margin-top: 4px;
    margin-bottom: 4px;
}

table#rate-process td a {
    padding: 10px 15px 10px 5px;
    background: #24bb72;
    color: #FFF !important;
    font-size: 14px;
    text-decoration: none;
}

table#rate-process td a:hover {
    background: #00b574;
}

table#rate-process td a i {
    color: #FFF !important;
    position: relative;
    top: 2px;
}

.postulantActions, .left-col-2 table tr:nth-child(even), .edit_info a, table#rate-process tr:nth-child(even), #rate-applicants tr:nth-child(even), 
#table_referents tr:nth-child(even), table#rate-process tr:hover, .cke_top, .cke_bottom {
    background: #fff;
}

table#rate-process tr:hover, #rate-applicants tr:hover, #table_interview tr:hover, #table_referents tr:hover {
    background: #eee;
}

/* Estilos Tuti */

.grey-border-right {border-right: 1px solid #ececec;}

#userChecklist {
    position: relative;
    float: left;
    margin-right: -100%;
    top: 378px;
    width: 235px;
}

#userChecklist span.taskDone {
    text-decoration: line-through;
}

#userPlanType {
    position: relative;
    float: left;
    margin-right: -100%;
    top: 726px;
    width: 235px;
}
 
#invite-users-popup li .invite-users-invite-popup:hover {background-color: #1d995d;}

.buttons-add a.primary-btn2 {
    background-color: #249efa;
    border: 1px solid #1c7dc7;
}

.buttons-add a.primary-btn2:hover, #invite-users-new:hover, .question-timing a.share-button:hover, .rate-user-nav .prev-user:hover, 
.rate-user-nav .next-user:hover {background-color: #1c7dc7;}

.buttons-add a.secondary-btn, .buttons-add a.secondary-btn2 {
    background-color: #b4b4b4;
    border: 1px solid #a1a1a1;
}

.buttons-add a.secondary-btn:hover {background-color: #a1a1a1;}

.inlineBox {
    display: inline-block;
    margin: 0 .4em 0 0;
    white-space: pre-line;
}

div#rate-process ul.vacancy-actions ul.vacant-more-actions li, ul.vacant-more-actions2 li, ul.postulant-more-actions2 li, ul.vacant_post-more-actions2 li, 
ul.custom-dropdown li, .action_post i, .vacant-item ul.vacant-features li:last-child a, .vacant-item ul.vacant-features li:last-child p, 
#creationDate i:before, .table-header i[class^="icon-"], #postulant_tags .tag:last-child, #tags_component .tag-data:last-child, ul#vacancy_tags .tag:last-child, 
#appliedFilters .tag:last-child, #general_actions .gray-btn i:before, #rate-process .table-header .navbar-form, 
.company_banner .fileinput, div#rate-process .assignedTeam li.btn-group, div#rate-process .assignedTeam .dropdown-menu li, 
#shareVacancy input[type="checkbox"], #webIntegration .gray-btn, .cd-horizontal-timeline .events-content > ol > li > .noteContainer:first-child, 
#funnel ul#desktopFunnel li:last-child a {margin: 0 !important;}

div#rate-process {
    float: left;
    width: 100%;
    min-height: 134px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    clear: both;
}

div#rate-process .table-header {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 20px;
    height: 64px;
    font-size: 12px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

div#rate-process .table-header .gray-btn {
    padding: 8px;
    font-size: 12px;
    font-weight: normal;
}

div#rate-process .table-header .gray-btn.active {
    color: #fff;
    background-color: #3598dc;
    text-shadow: none;
    border: 1px solid #3598dc;
}

div#rate-process #currentPostulants, div#rate-process #currentPositions, div#rate-process .interview_config, div#rate-process #currentLeads, div#rate-process #creationDate, div#rate-process .deadline-status, 
div#rate-process #distinguishVacancy {
    overflow: hidden;
    margin: 12px 10px 0 0;
}

.vacant-item ul.vacant-features {
    font-weight: 600;
    width: 100%;
    float: left;
    text-align: center;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.vacant-item ul.vacant-features li {
    position: relative;
    height: 75px;
    background-color: #fff;
}

.vacant-item ul.vacant-features li::before, #funnel ul#desktopFunnel li::before  {
    position: absolute;
    content: "";
    background: url("/assets/img/app/flecha-etapa.png?hash=73e7e2919ea77e336e6b268475572156") no-repeat 0 0;
    width: 8px;
    height: 12px;
    right: 0px;
    top: 50%;
    margin-top: -6px;
}

.vacant-item ul.vacant-features li:first-child::before, #funnel ul#desktopFunnel li:first-child::before  {
    transform: rotate(180deg);
}

.vacant-item ul.vacant-features li:last-child::before, #funnel ul#desktopFunnel li:last-child::before {background: none;}

.vacant-item ul.vacant-features li a, .vacant-item ul.vacant-features li p {
    color: #2c3e50;
    font-weight: 600;
    font-size: 24px;
    padding: 10px 0 !important;
    margin-right: 8px;
    height: 100%;
    display: block;
}

.vacant-item ul.vacant-features li a:hover, .vacant-item ul.vacant-features li a:focus, #funnel ul#desktopFunnel li a:hover, #funnel .selected, #postulantFunnel .selected {
    text-decoration: none !important;
    background-color: #f5f5f5;
}

div#rate-process .col-job > a, .vacant-item ul.vacant-features li:last-child a, #funnel ul#desktopFunnel li[id*="stage_"]:last-child .postulantsNumber {color: #24bb72;}

.vacant-item ul.vacant-features li.bit-10 a, .vacant-item ul.vacant-features li.bit-11 a, .vacant-item ul.vacant-features li.bit-12 a {
    font-size: 21px !important;
    padding: 14px 0 !important;
}

.vacant-item ul.vacant-features li.bit-11 p {
    font-size: 17px !important;
    padding: 17px 0 !important;
}

.vacant-item .no_active p strong, .vacant-item .no_active p span {opacity: .6;} 

.vacant-item ul.vacant-features li span {
    font-weight: 500 !important;
    font-size: 12px;
    text-transform: capitalize;
    display: block;
    white-space: nowrap;
}

#funnel ul li.bit-10, #funnel ul li.bit-11, #funnel ul li.bit-12, #stages_10 + .col-sm-1 #stage-leads, #stages_11 + .col-sm-1 #stage-leads, 
.popover.pull-right {font-size: 12px !important;}

.popover.pull-right {min-width: 430px !important;}

.profile-edit-notificaciones .vacant-item ul.vacant-features {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.profile-edit-notificaciones .vacant-item ul.vacant-features li .gray-btn, 
.profile-edit-notificaciones .vacant-item ul.vacant-features li .gray-btn:last-child {
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 58%;
    height: 14px;
    padding: 1px 0px !important;
    margin: 0 28px;
}

.profile-edit-notificaciones .vacant-item ul.vacant-features li input[type="text"] {
    text-transform: uppercase;
    margin: -6px 5px 0 5px;
    height: 30px;
    font-size: 14px;
}

.portal-icon {
    text-align: center;
    padding: 5px;
    margin-right: 5px;
    vertical-align: baseline;
    display: inline-block;
}

.panel-heading #new_template, .panel-heading #new_template_invite, .panel-heading #new_template_reject, 
.panel-heading #new_template_offer, .panel-heading #new_template_update_profile, .panel-heading #new_template_feedback,
.panel-heading #new_template_closed_vacancy {
    position: absolute;
    right: 30px;
}

#funnel ul#desktopFunnel li {
    background-color: #fff;
    float: left;
    text-align: center;
    font-size: 14px;
    height: 60px;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
}

#funnel ul#desktopFunnel li a {
    margin-right: 8px;
    height: 100%;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#funnel ul#desktopFunnel #stage-leads {
    width: 100%;
}

#postulants_to_import tr:hover, #postulants_to_ignore tr:hover, #postulants_to_import tr:nth-child(odd):hover, 
#postulants_to_ignore tr:nth-child(odd):hover, .general_source, #total-rejected {background-color: #ececec;}

div#rate-process .table-header input[type="checkbox"], .check_module input[type="checkbox"], .filterItems input[type="checkbox"], 
.checkbox input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 0 2px 2px;
}

.radio-list > label.radio-inline input {
    margin-left: 0px;
    margin-right: 3px;
}

#popup_facebook_ads2 .form .form-actions.fluid {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
}

#fbAds-pricetab img {margin: 20px auto;}

.filter-container, .select-container2, #add-resume, #add-resume_csv, #postulant-profilePicture-inner, .postulantProfile, .postulantMessages, 
.postulantComments, .postulantHistory, .postulantFiles, .textDetails, .modal .bit-45, .popup_add_postulant_form .bit-45, 
.popup_add_postulant_form .bit-75, #searchContainer, .basic-info .wrapper, #calendar, .checkbox input[type="checkbox"], 
fieldset.input-icon2 {position: relative;}

div#rate-process .filter-jobs, p#link_tags {
    text-align: left;
    display: inline-block;
    margin-right: 10px;
    /* margin-top: 7px !important; */
}

div#rate-process .filter-jobs .total_postulants{
    margin-top: 7px !important;
}

div#rate-process .filter-jobs:hover {text-decoration: none;}

#general_actions, #generalActionsLeads {
    display: none;
    padding-top: 15px;
    width: 100%;
}

#general_actions a, #generalActionsLeads a{
    margin: 5px;
}

#general_actions_bumeran {
    padding-top: 10px;
    width: 100%;
    float: left;
}

div#rate-process .col-job, div#rate-process .col-job small {
    position: relative;
    text-align: left;
    display: inline-block;
    padding: 6px 10px;
}

div#rate-process .col-job > a, #table_referents td p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

div#rate-process .col-job > a {max-width: 50%;}

div#rate-process .closed-vacancies .col-job {width: 74% !important;}

div#rate-process .closed-vacancies .col-job > a {max-width: 38% !important; margin-right: -5px;}

div#rate-process .col-job > a, h2.vacancy-status {
    font-weight: 600;
    font-size: 18px;
    vertical-align: middle;
}

div#rate-process .col-job small {
    font-size: 12px;
    color: #a1a1a1;
    padding: 2px 0 0;
    margin: 6px 0 6px 6px;
    vertical-align: middle;
}

div#rate-process .col-job small i {
    font-size: 16px !important;
}

div#rate-process ul li.col-published, div#rate-process ul li.col-published a:hover {
    background-color: transparent;
    border: none;
    max-width: 200px;
    width: 200px;
}

div#rate-process ul li.col-published img {margin: 11px 0;}

.page-bar .page-breadcrumb li a:hover, #userChecklist li a:hover, #totalComments a:hover, #totalInterviews a:hover,
#totalAttachments a:hover, #total_leads a:hover {text-decoration: underline;}

h2.vacancy-status {
    text-transform: uppercase;
    text-align: left;
    width: auto;
    padding: 0;
    margin: 10px 10px 10px 0;
}

h2.vacancy-status + p.pull-left {
    margin: 13px 0;
    font-size: 12px;
}

ul.vacant-item {
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
    float: left;
    clear: both;
}

ul.vacant-item:hover {
    background-color: #fafafa;
}

div#rate-process ul.vacant-more-actions:before, ul.vacant-more-actions2:before, ul.postulant-more-actions2:before, 
ul.vacant_post-more-actions2:before, ul.custom-dropdown:before, #invite-users:before {
    content: '';
    position: absolute;
    top: -7px;
    width: 15px;
    height: 7px;
    background: url('/assets/img/app/more_actions_arrow.png') no-repeat center center;
}

div#rate-process ul.vacant-more-actions:before {left: 6px;}

ul.vacant-more-actions2:before, ul.postulant-more-actions2:before, ul.vacant_post-more-actions2:before, 
ul.custom-dropdown:before, #invite-users:before {right: 6px;}

#invite_users_popup li {
    border: 1px solid #dcdcdc;
    margin-top: 4px;
    float: left;
    max-width: 260px;
    cursor: default;
    clear: both;
}

#invite_users_popup img {
    margin: 2px 10px 2px 2px;
    float: left;
}

#invite_users_popup span {
    display: inline-block;
    width: 80%;
    float: left;
    line-height: 18px;
}

.invite-footer {
    background-color: #ececec;
    border-top: 1px solid #dcdcdc;
    width: 100%;
    padding: 4px 6px;
    float: left;
}

.greyFooter, .postulantActions {
    width: 100%;
    position: relative;
    padding: 6px 10px;
}

div#rate-process ul.vacancy-actions li {
    position: relative;
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

div#rate-process ul.vacancy-actions i {
    font-size: 18px !important;
}

div#rate-process ul.vacancy-actions li a {
    display: block;
    color: #5a5a5a;
    padding: 2px 4px 2px 2px;
}

div#rate-process .assignedTeam a.blue-link {
    display: inline-block !important;
    color: #337ab7;
}

div#rate-process .assignedTeam i {
    font-size: 16px !important;
}

div#rate-process .assignedTeam .dropdown-menu li, #add_postulant_from_popup_top .bit-45, .hire_1 fieldset.groupedLeft {
    display: block;
    float: none !important;
}

div#rate-process ul.vacancy-actions li a.more_action, div#rate-process ul.vacancy-actions li a.more_action:hover, #postulantNumb {padding: 2px 0 2px 2px;}

div#rate-process ul.vacant-more-actions, ul.vacant-more-actions2, ul.postulant-more-actions2, ul.vacant_post-more-actions2, ul.custom-dropdown {
    position: absolute;
    text-align: left;
    line-height: 24px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    font-size: 12px;
    z-index: 3500;
}

div#rate-process ul.vacant-more-actions li a:hover, ul.vacant-more-actions2 li a:hover, ul.postulant-more-actions2 li a:hover, ul.vacant_post-more-actions2 li a:hover {
    background-color: #ececec;
    color: #333 !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

div#rate-process ul.list-more-actions {left: 0; top: 25px;}

ul.list-more-actions2 {right: 10px; top: 45px;}

ul.list-more-actions3 {
    right: 0;
    top: 32px;
    left: -110px;
    width: 150px;
}

ul.list-more-actions3::before {
    right: 0
}
div#rate-process ul.list-filter-jobs {left: 10px; top: 25px;}

div#rate-process ul.vacant-more-actions li, div#rate-process ul.vacant-more-actions li a, ul.vacant-more-actions2 li, ul.vacant-more-actions2 li a, 
ul.postulant-more-actions2 li, ul.postulant-more-actions2 li a, ul.vacant_post-more-actions2 li, ul.vacant_post-more-actions2 li a, ul.custom-dropdown li {
    white-space: nowrap;
    color: #333;
    display: block; 
    width: 100%; 
    cursor: pointer;
}

.form-section h3 {
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #ececec;
    margin: 0 auto 20px;
    padding: 0px 0px 10px 0;
    float: left;
    width: 100%;
}

.form-section.create-form h3 {
    font-size: 14px;
    margin: 0;
    padding: 10px 0px;
    clear: both;
    float: none;
    width: auto;
}

.modal .modal-title i[class^="icon-"], .modal .modal-title i[class^="fa fa-"], .modal .modal-title i[class^="fontello-"], 
.modal .modal-title i[class^="fonticon-"] {
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #a1a1a1;
    background: #f5f5f5;
    color: #5a5a5a;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 13px;
    margin-top: -4px;
}

.modal .modal-title i[class^="icon-"], .modal .modal-title i[class^="fa fa-"] {padding: 5px 0;}

.modal .modal-title i[class^="fontello-"], .modal .modal-title i[class^="fonticon-"], 
.modal .modal-title i.icon-pencil, .modal .modal-title i.fa-folder-o {padding: 5px 0;}

.row-fluid {
    position: relative;
    width: 100%;
    padding: 0;
    float: left;
}

.modal input[type="text"], .modal input[type="email"], .modal input[type="tel"], .modal input[type="number"], .modal select, .form-section input[type="text"], 
.form-section input[type="password"], .form-section input[type="number"], .form-section select, .postulantProfile input[type="text"], 
.postulantProfile select, #update_calendar_info input[type="text"], #add_postulant_from_popup_top input[type="text"], 
#add_postulant_from_popup_top input[type="email"], #add_postulant_from_popup_top input[type="tel"], .popup_add_postulant_form input[type="text"], 
.popup_add_postulant_form input[type="number"], .popup_add_postulant_form input[type="email"], .popup_add_postulant_form input[type="tel"], .popup_add_postulant_form select {
    height: 34px;
    background-color: #fff;
    padding: 0px 8px;
    margin: 4px 0 0;
    outline: none;
    border: 1px solid #dcdcdc;
}

.modal input[type="text"]:focus, .modal input[type="email"]:focus, .modal input[type="password"]:focus, .modal input[type="tel"]:focus, .modal input[type="number"]:focus, .modal textarea:focus, 
.modal select:focus, .form-section input[type="text"]:focus, .form-section input[type="password"]:focus, .form-section input[type="number"]:focus, .form-section select:focus, .form-section textarea:focus, 
input#desc_for_cv_file:focus, .postulantProfile input[type="text"]:focus, .postulantProfile select:focus, .postulantProfile textarea:focus, input#search_vacancy:focus, 
input#searchPeople:focus, input#searchPeople_aviso:focus, #update_calendar_info input[type="text"]:focus, .popup_add_postulant_form input[type="text"]:focus, 
.popup_add_postulant_form input[type="email"]:focus, .popup_add_postulant_form input[type="tel"]:focus, input#urlpublic:focus, 
.popup_add_postulant_form textarea:focus, #shareVacancy textarea:focus, #postulantSideMenu textarea:focus, #postulantSideMenu input[type="text"]:focus, 
.postulantComments textarea:focus, input#place_tags:focus, input#input_nameTag:focus, input#input#searchPeople_aviso_zj:focus {
    border: 1px solid #3B3F51 !important;
    color: #3B3F51 !important;
}

.input-icon > .form-control {padding-left: 33px !important;}

.daterangepicker .input-mini {
    width: 100%!important;
    outline: 0!important;
}

fieldset input#datetimepicker, fieldset input#datetimepicker2, fieldset input#datetimepicker3, 
fieldset input#datetimepicker4 {width: 68% !important;}

fieldset.groupedLeft {
    position: relative;
    float: left;
    width: 45%;
    margin-right: 5px;
}

fieldset.groupedRight {
    position: relative;
    float: right;
    width: 45%;
    margin-right: 20px;
}

fieldset.groupedLeft i, fieldset.input-icon2 i {
    position: absolute;
    right: 6px;
    top: 34px;
}

fieldset.groupedRight i, fieldset.input-icon2 i {
    position: absolute;
    right: 6px;
    top: 34px;
}

fieldset.groupedLeft i:last-child {right: 12px;}

.postulantProfile select, #appliedFilters label {
    float: left;
    margin-right: 6px;
}

.currentPlace input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 2px 2px 0;
}

.from-to {
    float: left;
    margin: 12px 6px 0 0;
}

.check_module, .checkbox {
    padding: 10px;
    margin-bottom: 8px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    width: 100%;
}

.vacancy-details, .module-box {
    position: relative;
    background-color: #fff;
    padding: 20px;
    /* box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); */
    /* -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); */
}

.vacancy-details h2, #publish-vacancy h2, .form-section h2 {
    font-weight: 600;
    font-size: 24px;
    margin: 0;
    width: auto;
    float: none;
}

#publish-vacancy h2 {
    float: left !important;
    display: inline-block;
}

ul#main-details .main-details-list:first-child, #rate-process .table-header .navbar-form {
    padding-left: 0;
    border-left: none;
}

ul#main-details .main-details-list, ul#history-more_details .main-details-list {
    float: left;
    display: inline-block;
}

ul#main-details .main-details-list::after, ul#history-more_details .main-details-list::after {
    content: "·";
    color: #BFBFBF;
    font-weight: bold;
    margin: 0 5px;
    float: right;
}

ul#main-details .main-details-list:last-child::after, ul#history-more_details .main-details-list:last-child::after {
    content: "";
    margin-right: 0 !important;
}

#link_tags i, #funnel .empty, .vacant-item ul.vacant-features li p, /*#buy-popup-close i:hover,*/ 
#term-popup-close i:hover,.general_data .data_value p, #hasComments_Attach i, #appliedFilters i, .disabled, #loadmoreajaxloader, 
#info_riesgoonline .fuente, .messg-sample li h5.text-center, .invite-users-role, 
#popup_facebook_ads2 span.muted {color: #a1a1a1;}

.disabledBtn  {
    cursor: not-allowed !important;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.blue-link/*, a.color_4*/ {color: #337ab7;}

a.blue-link:hover, div#rate-process ul.vacancy-actions li a:hover, .postulantActions ul li a:hover, .edit_info a:hover {color: #23527c !important; text-decoration: underline;}

.blue-btn {
    background: #4c69ba;
    background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
    background: -webkit-linear-gradient(#4c69ba, #3b55a0);
    border: 1px solid #4c69ba;
    color: #fff;
    text-shadow: 0 -1px 0 #354c8c;
    margin: 2px 0;
    padding: 2px 6px;
    display: inline-block;
    float: left;
}

.blue-btn:hover {
    background: #283b66;
    background: -webkit-gradient(linear, center top, center bottom, from(#5b7bd5), to(#4864b1));
    background: -webkit-linear-gradient(#5b7bd5, #4864b1);
    border-bottom-color: #3b5998;
    border-left-color: #4961a8;
    border-right-color: #4961a8;
    border-top-color: #5874c3;
    color: #fff;
}

.blue-btn .fontello-plus:before {
    font-size: 17px;
    vertical-align: middle;
    margin: -1px 0 0 -3px;
}

.blue-btn img {
    vertical-align: top;
    margin: 0 4px 0 -2px;
}

a.gray-btn, input[type="button"].gray-btn, button[type="button"].gray-btn {
    background-color: #f8f8f8;
    border: 1px solid #b4b4b4;
    color: #5a5a5a;
    padding: 2px 6px;
    display: inline-block;
    float: left;
    margin:5px;
}

a.gray-btn:hover, input[type="button"].gray-btn:hover, button[type="button"].gray-btn:hover {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    color: #333;
    text-decoration: none;
}

.breadcrumb .fa.fa-child {font-size: 13px; margin: 0;}

/*a.color_0, a.color_1 {color: #ffaf4a;}

a.color_0:hover, a.color_1:hover {
    border-bottom: 3px solid #ffaf4a;
    text-decoration: none !important;
}

a.color_2, a.color_3, a.color_3_5 {color: #28b8da;}

a.color_2:hover, a.color_3:hover, a.color_3_5:hover {
    border-bottom: 3px solid #28b8da;
    text-decoration: none !important;
}

a.color_4:hover {
    border-bottom: 3px solid #1c7dc7;
    text-decoration: none !important;
}

a.color_4_5, a.color_5, a.color_6 {color: #23cb78;}

a.color_4_5:hover, a.color_5:hover, a.color_6:hover {
    border-bottom: 3px solid #23cb78;
    text-decoration: none !important;
}

a.color_7, a.color_8 {color: #1d995d;}

a.color_7:hover, a.color_8:hover {
    border-bottom: 3px solid #1d995d;
    text-decoration: none !important;
}*/

#vacancy_media label {
    font-weight: normal;
    display: inline-block !important;
    margin-left: 5px;
    cursor: pointer;
}

#vacancy_media input[type="radio"]:checked + label, .vacant-item ul.vacant-features li p strong, 
.semibold { font-weight: 600 !important; } 

#filtersContainer, #appliedFilters {
    width: 100%;
    margin: 10px 0 0;
}

#filtersContainer {
    position: relative;
    height: 214px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}

#filtersContainer #loading, #calendar #loading, .modal .loading, .modal .loading2 {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background: #fff;
    opacity: .8;
    z-index: 3000;
}

#filtersContainer #loading img, #calendar #loading img, .modal .loading img, .modal .loading2 img, .loadingDonut {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    z-index: 3000;   
}

.loadingViewDoc {
    scroll-padding-top: 20px;
    height: 100%;
    font-size: 18px;
    z-index: 9999;
    min-height: 570px;
    background-color: #fff !important;
    display: block;
    position: absolute;
    color: #5a5a5a;
    padding: 5px 20px;
    width: 97%;    
}

.filterBy {
    height: 170px;
    padding: 6px 10px;
    border-left: 1px solid #dcdcdc;
    display: inline-block;
    float: left;
}

.filterBy .filterTitle .editable-input input {
    height: 19px;
}

.filterTitle {
    margin: -6px -10px 0 -10px;
    padding: 6px 10px;
    background-color: #ececec;
    text-transform: uppercase;
    text-align: left;
}

.filterItems {
    height: 128px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 6px 0 0 -6px;
}

.filterItems li > label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    margin-bottom: 2px
}

.filterItems .stageRating{
    width: 98px !important;
}

.filterItems li {margin: -2px 0;}

.large-width .filterItems li > label {max-width: 86%;}

.medium-width .filterItems li > label, .medium-width3 .filterItems li > label {max-width: 76%;}

.small-width .filterItems li > label {max-width: 65%;}

.postulantCard {
    position: relative;
    max-height: 128px;
    padding: 0;
    font-size: 12px;
    border: 1px solid #dcdcdc;
}

.postulantCard:hover {background-color: #FFFFFF;}

.postulantCard:hover {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
}

.pictureContainer {
    position: relative;
    float: left;
    margin: 10px;
    overflow: visible;
}

.pictureContainer > img {
    height: 74px;
    width: 74px;
    overflow: hidden;
}

.emptyProfilePicture {
    background-color: #fff;
    border-style: solid;
    text-align: center;
    padding: 17px 0;
    overflow: hidden;
}

.thumbnailPic {
    width: 74px;
    height: 74px;
    border-width: 1px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 200;
}

.smallPic {
    width: 40px;
    height: 40px;
    border-width: 1px;
    font-size: 20px;
    line-height: 5px;
    font-weight: 500;
}

#postulant-profilePicture-inner, .bigPic {
    width: 120px;
    height: 120px;
}

.bigPic {
    border-width: 2px;
    font-size: 42px;
    line-height: 1.85em;
    font-weight: normal;
}

/* .profile-usertitle-name {
    color: #24bb72;
    font-size: 20px;
}

#vacancy_details_name_link a{    
    color: #24bb72;
    text-decoration: none;
}

#vacancy_details_name_link{
    text-align: justify;
}

#vacancy_details_name_title{
    color: #3B3F51;
    font-weight: 600;
    text-align: justify;
}

.postulant_source{
    text-align: justify;
}

.source_span{
    color: #3B3F51;
    font-weight: 600;
}

.boxes_font{
    font-family: Open Sans;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #3B3F51;
    font-weight: 600;
    text-align: justify;
}

#ratings{
    text-align: justify;
}

#postulant_profile_boxes{
    border: 1px solid #fafafa !important;
    border-radius: 8px !important;
    box-shadow: none;    
}

#div_included{
    border: 1px solid #fafafa !important;
    border-radius: 8px !important;
    box-shadow: none;    
}

#postulant_availables{
    border: 1px solid #fafafa !important;
    border-radius: 8px !important;
    box-shadow: none;
}

#incompany-known{
    border: 1px solid #fafafa !important;
    border-radius: 8px !important;
    box-shadow: none;
} */

.profile-usertitle-job {
    margin-bottom: 7px;
}

.statusButton {
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f8f8 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8f8f8 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #b4b4b4;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow:inset 0 2px 0 0 #FFFFFF;
    box-shadow:inset 0 2px 0 0 #FFFFFF;
    left: 0px;
    top: 0px;
}

.interviewSent {
    background: url('/assets/img/app/interview-sent_icon.png') no-repeat center center;
    background-size: 14px;
    display: block;
    text-indent: -9999px;
    max-width: 18px;
    max-height: 18px;
    overflow: hidden;
}

.interviewDone {
    background: url('/assets/img/app/interview-done_icon.png') no-repeat center center;
    background-size: 14px;
    display: block;
    text-indent: -9999px;
    max-width: 18px;
    max-height: 18px;
    overflow: hidden;
}

/* Implementada para popups de despliegue de video entrevistas del postulante */
.interviewFinish {
    background: url('/assets/img/app/interview-done_icon.png') no-repeat center center;
    background-size: 14px;
    display: block;
    text-indent: -9999px;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

img#postulantPicture {
    max-height: 120px;
    max-width: 120px;
}

#postulant-secondaryInfo p, .vacancy-details > p {line-height: 1.6em;}

.postulantCard .blue-link {
    font-weight: 600;
    font-size: 14px;
}

.postulantCard .postulantPosition, .postulantCard .candidateName {
    max-width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.postulantCard .postulantStage {
    color: #5a5a5a;
    margin-top: 8px;
    overflow: hidden;
}

.postulantCard .postulantStage .inVacancy {
    max-width: 228px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-bottom;
}

.postulantCard .postulantStage .stageRating, #table_referents tr td:first-child a {
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.postulantCard .postulantStage .stageRating strong, .capitalizedName, #select_keyscoring option {text-transform: capitalize;}

.postulantActions {
    border-top: 1px solid #dcdcdc;
    height: 32px;
    background: #f4f4f4!important;
}
@media only screen and (max-width: 1194px) {
    .postulantActions {
      height: 49px !important;
      border-bottom: 1px solid #dcdcdc !important;
      border-left: 1px solid #dcdcdc !important;
      border-right: 1px solid #dcdcdc !important;
    }
  }
  @media only screen and (max-width: 990px) {
    .postulantActions {
      height: 32 !important;
    }
  }
  @media only screen and (max-width: 414px) {
    .postulantActions {
      height: 49px !important;
    }
  }

.postulantActions ul li {
    font-size: 14px;
    float: left;
    display: inline-block;
    margin: 1px 10px 0 0;
}

.postulantActions ul li a {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}

.postulantActions ul li a i {
    font-size: 14px;
    padding-top: 1px;
}

span.postulantsNumber {
    color: #2c3e50;
    font-weight: 600;
    font-size: 18px;
    display: block;
}

#funnel ul li.bit-10 span.postulantsNumber, #funnel ul li.bit-11 span.postulantsNumber, #funnel ul li.bit-12 span.postulantsNumber, 
#stages_10 + .col-sm-1 #stage-leads span.postulantsNumber, #stages_11 + .col-sm-1 #stage-leads span.postulantsNumber {font-size: 15px !important;}

#funnel .selected a, #postulantFunnel .selected {
    border-bottom: 2px solid #24bb72;
}

#postulantFunnel .rejected {
    background-color: #ececec;
    box-shadow: inset 0 1px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 4px 0px rgba(0, 0, 0, 0.1);
    color: #a1a1a1;
}

.mustDisabled, .selectPostulant {
    position: absolute;
    top: 6px;
    right: 5px;
}

.openPostulant {
    position: absolute;
    right: 22px;
    top: 8px;
}

.openPostulant i {
    font-size: 16px;
}

.linkedin_image img {
    float: left; 
    display: inline-block;
    margin-top: 4px;
}

.square-rounded {
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

#add-resume input[type="file"], #add-resume_csv input[type="file"], #form_upload_vacancy_doc input[type="file"], #import_excel_ref input[type="file"], 
#add-doc-descript, #add-resume #file-description, .general_data li i, #add-resume #upload_cv_file, .referentActions {margin: 8px 0;}

.referentActions i {
    font-size: 16px;
}

#table_referents .resend_email i{
    font-size: 16px;
}

.edit_job, .edit_education, #edit_report, #hasComments_Attach {margin: 0 5px;}
#hasComments_Attach i{ font-size: 16px !important}

#popup_view_doc .modal-body, .users-list {
    max-height: 400px;
    overflow-y: auto;
}

.popup_excel #add-resume {
    overflow: scroll;
    height: 300px;
}

.msjError {
    display: inline-block;
    color: #fff;
    background-color: #e53135;
    padding: 4px 6px;
    clear: both;
    float: left;
}

#postulantInfo, #postulantInfo-inner {
    position: relative;
}

#postulantInfo #socialContact {
    position: absolute;
    right: -5px;
    bottom: -5px;
    z-index: 1500;
}

.postulantCard .postulantStage .stageRating {
    float: left;
    display: contents;
    text-transform: uppercase;
    font-size: 12px;
    width: 98px !important;
}

#postulantFunnel li:before {
    content: '|';
    margin: 0 0 0 -4px;
}

#postulantFunnel li:first-child:before {
    content: ' ';
    margin: 0;
}

#postulantFunnel .selected, #urlinput label, #currentPostulants, #currentPositions, #currentLeads, #creationDate, .interview_config,
div#rate-process .deadline-status, #distinguishVacancy {padding: 2px 4px;}

#riesgoonline, #totalComments, #totalAttachments, #totalInterviews, #total_leads, #vacancy_tags #save_tag, #upload-file, .displayInReport {margin-left: 5px;}

#rejectedBadge {
    background-color: #FFE7E7;
    float: left;
    padding: 4px;
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8ADAE;
    line-height: 12px;
    vertical-align: text-top;
}

#makeActions li:first-child a {margin-left: 0;}

#makeActions i.fa {padding: 1px 0;}

#info_riesgoonline .nivel-1-titulo, #info_riesgoonline .nivel-2-titulo, #info_riesgoonline .nivel-3-titulo {
    margin: 5px 0;
    font-weight: 600;
    line-height: 24px;
    padding: 0 4px;
    text-transform: uppercase;   
}

#info_riesgoonline .nivel-1-titulo {
    background-color: #5a5a5a;
    color: #fff;
    border-bottom: 2px solid #333;
}

#info_riesgoonline .nivel-2-titulo {
    background-color: #ececec;
    border-bottom: 2px solid #ffc900;
}

#info_riesgoonline .nivel-3-titulo {
    background-color: #ececec;
    border-bottom: 2px solid #dcdcdc;
}

#info_riesgoonline .fuente {margin: -15px 0 20px;}

#info_riesgoonline .comentario {
    background-color: #f4f4f4;
    border-left: 2px solid #dcdcdc;
    text-transform: uppercase;
    color: #5a5a5a;
    padding: 0 4px;
    line-height: 24px;
    margin: -5px 0 20px 0;
}

#urlinput .pull-right, .pagination i, div#rate-process .table-header #switchRequirements, div#rate-process .table-header #switchRequirements_zj, 
div#rate-process .table-header #syncCVs, div#rate-process .table-header #syncCVs_zj, div#rate-process .table-header #btn_more_rel_freemium {margin: 3px 0;}

@keyframes sync-spinner {
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes sync-spinner {
    to {-webkit-transform: rotate(360deg);}
}
 
#syncCVs .sync-spinner {
    position: relative;
}
 
#syncCVs .sync-spinner:not(:required) {
    animation: sync-spinner .6s linear infinite;
    -webkit-animation: sync-spinner .6s linear infinite;
}

#syncCVs_zj .sync-spinner {
    position: relative;
}
 
#syncCVs_zj .sync-spinner:not(:required) {
    animation: sync-spinner .6s linear infinite;
    -webkit-animation: sync-spinner .6s linear infinite;
}

#list_stage, .filterItems.stage li, .modal #select_stage, #rejected-people tr {
    text-transform: uppercase;
    font-size: 14px;
}

#microsite_form #uploadCVbtn .btn {
    color: #249efa !important;
    text-decoration: none !important;
}

#postulantSideMenu .raty_action {
    margin: 0 0 0 10px;
    line-height: 12px;
}

#postulantSideMenu textarea {
    border: 1px solid #dcdcdc;
    font-size: 12px;
    width: 92%;
    height: 80px;
    padding: 6px;
    margin: 0 4%;
    resize: none;
}

ul#vacancy_tags i, #appliedFilters .tag i, #add-resume, .tag-data {
    padding: 3px 0;
    color: #a1a1a1;
}

#postulant_tags .tag, ul#vacancy_tags .tag, #appliedFilters .tag, #tags_component .tag-data {
    position: relative;
    float: left;
    font-size: 12px;
    color: #5a5a5a;
    padding: 0px 15px 2px 2px;
    background-color: #ececec;
    border: 1px solid #ececec;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    margin: 0 4px 4px 0;
}

#postulant_tags .tag:hover, ul#vacancy_tags .tag:hover, #appliedFilters .tag:hover, #tags_component .tag-data:hover {
    border: 1px solid #b4b4b4;
    cursor: pointer;
}

#postulant_tags .tag i, ul#vacancy_tags .tag i, #appliedFilters .tag i, .invite-footer .btn i, #tags_component .tag-data i {
    top: 0;
    font-size: 10px;
}

h2.vacancy-status, #postulant_tags .tag i:hover, #tags_component .tag-data i:hover, ul#vacancy_tags .tag i:hover, #appliedFilters .tag i:hover, .edit_info a, 
.left-col-2 .emptyDataContent i:hover, .center-col-3 .emptyDataContent i:hover, .fonticon-cancel-circled:hover, #relation_title, 
.postulantCard .postulantStage a, #metric_data div[id^="source_data"], #metric_data div[id*="source_data"], 
#popup_facebook_ads1 .text-center p, .filterItems li.muted, div#rate-process .assignedTeam {color: #5a5a5a;}

.filterItems li.muted, #table_referents tr td:first-child a {margin-left: 8px;}

#closeFilters .blue-link, #closeFilters .gray-btn {margin: 0 10px !important;}

.postulantProfile h4, .postulantMessages h4, .postulantComments h4, .postulantFiles h4, .postulantHistory h4, .postulantInformation h4, .postulantInterview h4 {
    width: 100%;
    padding-bottom: 10px;
    margin: 0;
    line-height: 36px;
}

.postulantProfile strong, .postulantMessages strong {font-weight: 600;}

.vacancy-additionalInfo, .edit_info, .popup_add_postulant p.has-error, .popup_edit_postulant p.has-error, #add_postulant_from_popup_top p.has-error, .popup_add_postulant_form p.has-error, 
#add_postulant_from_popup_top .bit-45 p.has-error, .modal .modal-body p.has-error, .previewCV {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 900;
}

.pictureContainer .sourceIcon, #postulant-profilePicture .sourceIcon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
}

.pictureContainer .sourceIcon {
    width: 18px;
    height: 18px;
}

#postulant-profilePicture .sourceIcon {
    width: 28px;
    height: 28px;
}

.pictureContainer .profileBumeranSource, .pictureContainer .profileLinkedinSource, 
.pictureContainer .profileZonajobsSource, 
.pictureContainer .profileReferralSource, 
.pictureContainer .profileCompuTrabajoSource, 
.pictureContainer .profileUbitSource, 
.pictureContainer .profileLaborumSource, 
.pictureContainer .profileOccSource, 
.pictureContainer .profileCampusSource,
#postulant-profilePicture .profileBumeranSource, 
#postulant-profilePicture .profileLinkedinSource,
#postulant-profilePicture .profileZonajobsSource, 
#postulant-profilePicture .profileReferralSource, 
#postulant-profilePicture .profileCompuTrabajoSource, 
#postulant-profilePicture .profileUbitSource, 
#postulant-profilePicture .profileLaborumSource, 
#postulant-profilePicture .profileOccSource,
#postulant-profilePicture .profileCampusSource {
    background: url('/assets/img/app/postulant-source-icon.jpg') no-repeat;
}

.pictureContainer .profileBumeranSource, 
.pictureContainer .profileLinkedinSource, 
.pictureContainer .profileZonajobsSource, 
.pictureContainer .profileReferralSource, 
.pictureContainer .profileCompuTrabajoSource, 
.pictureContainer .profileUbitSource, 
.pictureContainer .profileLaborumSource, 
.pictureContainer .profileOccSource,
.pictureContainer .profileCampusSource {
    background-size: 18px 162px;
}

#postulant-profilePicture .profileBumeranSource, 
#postulant-profilePicture .profileLinkedinSource, 
#postulant-profilePicture .profileLinkedinSource, 
#postulant-profilePicture .profileZonajobsSource, 
#postulant-profilePicture .profileReferralSource, 
#postulant-profilePicture .profileCompuTrabajoSource, 
#postulant-profilePicture .profileUbitSource, 
#postulant-profilePicture .profileLaborumSource, 
#postulant-profilePicture .profileOccSource,
#postulant-profilePicture .profileCampusSource  {
    /* background-size: 28px 224px; */
    background-size: 28px 252px;
}

.pictureContainer .profileBumeranSource, #postulant-profilePicture .profileBumeranSource {
    background-position: 0px 0px;
}

.pictureContainer .profileLinkedinSource {
    background-position: 0px -18px;
}

#postulant-profilePicture .profileLinkedinSource {
    background-position: 0px -28px;
}

.pictureContainer .profileZonajobsSource {
    background-position: 0px -36px;
}

#postulant-profilePicture .profileZonajobsSource {
    background-position: 0px -56px;
}

.pictureContainer .profileReferralSource {
    background-position: 0px -54px;
}

#postulant-profilePicture .profileReferralSource {
    background-position: 0px -84px;
}

.pictureContainer .profileCompuTrabajoSource {
    background-position: 0px -72px;
}

#postulant-profilePicture .profileCompuTrabajoSource {
    background-position: 0px -112px; 
}

.pictureContainer .profileUbitSource {
    background-position: 0px -90px;
}

#postulant-profilePicture .profileUbitSource {
    background-position: 0px -140px;
}

.pictureContainer .profileLaborumSource {
    background-position: 0px -108px;
}

#postulant-profilePicture .profileLaborumSource {
    background-position: 0px -168px;
}

.pictureContainer .profileOccSource {
    background-position: 0px -126px;
}

#postulant-profilePicture .profileOccSource {
    background-position: 0px -196px;
}

.pictureContainer .profileCampusSource {    
    background-position: 0px -144px;
}

#postulant-profilePicture .profileCampusSource {
    background-position: 0px -224px;
}

ul#recordsList .contentComment, ul#recordsList1 .contentComment, ul#recordsList2 .contentComment, ul#commentsList .contentComment, ul#filesList .contentComment, ul#filesList .dataDescription {padding: 10px 0 0 10px;}

ul#recordsList .dateComment, ul#recordsList1 .dateComment, ul#recordsList2 .dateComment, ul#commentsList .dateComment, ul#filesList .dateComment, .textDate {
    color: #a1a1a1;
    font-size: 12px;
    padding: 5px 0 0 10px;
}

.textDate {
    display: block;
    width: 20%;
    overflow: hidden;
}

.detailsContainer {
    width: 78%;
    float: left;
    word-wrap: break-word;
    overflow: hidden;
}

.textDetails {
    display: block;
    width: 100%;
    padding: 5px 10px 5px 0;
}

.textDetails .subject {
    padding: 5px 0;
}

ul#recordsList .authorIcon, ul#recordsList1 .authorIcon, ul#recordsList2 .authorIcon, ul#commentsList li .authorIcon, .postulantMessages .authorIcon, ul#filesList li .authorIcon {
    float: left;
    width: 40px;
    height: 40px;
    margin: 10px;
    text-align: center;
    overflow: hidden;
}

ul#recordsList li .img_profile, ul#recordsList1 li .img_profile, ul#recordsList2 li .img_profile, ul#commentsList li .img_profile, ul#filesList li .img_profile, 
.postulantMessages .img_profile, .postulantMessages .authorIcon img {
    width: 40px;
    height: 40px;
    border: 1px solid #ececec;
}

ul#recordsList li .authorComment, ul#recordsList1 li .authorComment, ul#recordsList2 li .authorComment, ul#commentsList li .authorComment, .postulantMessages .authorComment, ul#filesList .authorComment {
    font-weight: 700;
    padding: 10px 5px 0 0;
    float: left;
    text-transform: capitalize;
}

ul#commentsList .raty_comment {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 1px;
}

.postulantProfile div.bit-1, .postulantProfile .postulant_jobs, .postulantProfile .postulant_educ, .postulantMessages .bit-1, .postulantComments .bit-1, .postulantFiles .bit-1, 
.postulantHistory .bit-1, .postulantInformation .bit-1, .vacancy-details #details #recordsList, .vacancy-details #details #recordsList li .historyDetails, 
.vacancy-details #details2 #notesList {border-top: 1px solid #ececec; margin: 0;}

.noteContainer {
    padding: 15px;
    border: 1px solid;
}

.cd-horizontal-timeline .events-content > ol > li > .noteContainer {margin-top: 20px;}

/* COMIENZO Estilos Nuevo Diseño Publicar */

.page-head .section-title {
    background-color: #fff;
    padding: 15px 20px;
    position: relative;
}

.page-head .section-title h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #3b3f51;
    margin: 0;
    display: inline-block;
}

.page-head .section-title #vacancy-link {
    position: absolute;
    right: 20px;
    top: 10px;
}

.page-head .section-title #vacancy-link .btn-link {
    margin: 0px -8px 0 -12px;
}

.page-head .page-actions {
    float: right;
    text-align: right;
}

#stagesContainer, #stage-leads, .portlet.light {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

.portlet.light > .portlet-title > .caption > .material-icons {
    font-size: 18px;
    margin-top: 0;
}

.socialNetwork a, .socialNetwork input, #copyVacancyLink .material-icons {
    vertical-align: middle;
}

#edit_message_share {
    position: absolute;
    top: 10px;
    right: 24px;
}

.portal-card {
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 15px;
}

.portal-card-main {
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.portal-card-main h5 {
    max-width: 150px;
    vertical-align: middle;
    margin-top: -3px;
}

.portal-card-main .freePortal-NameLabel {
    padding: 8px 0 4px 4px;
}

.portal-card-main .freePortal-NameLabel span {
    line-height: 18px;
}

.portal-card-main .portal-logo, .portal-card-main > img {
    border: 1px solid #a6a6a6;
    margin-right: 2px;
}

.portal-card-main .portal-logo {
    background: url('/assets/img/app/logos-portales-publicar2.jpg?v=c8d297240d4f74bd201c651d00e952c8') no-repeat;
    background-size: 40px 720px;
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
}

.portal-card-main .portal-logo a {
    width: 40px;
    height: 40px;
    display: block;
}

.portal-card-main .icon-jobs-portal {background-position: 0px 0px;}

.portal-card-main .icon-jobs-portal-multi {background-position: 0px -40px;}

.portal-card-main .icon-internal-portal {background-position: 0px -80px;}

.portal-card-main .icon-referrals-portal {background-position: 0px -120px;}

.portal-card-main .icon-fb-app {background-position: 0px -160px;}

.portal-card-main .logo-pub-bum {background-position: 0px -200px;}

.portal-card-main .logo-pub-zj {background-position: 0px -240px;}

.portal-card-main .logo-pub-laborum {background-position: 0px -200px;}

.portal-card-main .logo-pub-in {background-position: 0px -280px;}

.portal-card-main .logo-pub-ubit {background-position: 0px -320px;}

.portal-card-main .logo-pub-fb-ads {background-position: 0px -360px;}

.portal-card-main .logo-pub-indeed {background-position: 0px -400px;}

.portal-card-main .logo-pub-trov {background-position: 0px -440px;}

.portal-card-main .logo-pub-opcempleo {background-position: 0px -480px;}

.portal-card-main .logo-pub-mit {background-position: 0px -520px;}

.portal-card-main .logo-pub-joo {background-position: 0px -560px;}

.portal-card-main .logo-pub-jij {background-position: 0px -600px;}

.portal-card-main .logo-pub-gjobs {background-position: 0px -640px;}

.portal-card-main .logo-pub-neuvoo {background-position: 0px -680px;}

.btn .radio-btn-img {
    background: url('/assets/img/app/opciones-publicacion.png') no-repeat;
    background-size: 64px 384px;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

.btn .radio-btn-img.as-internal-vacancy {
    background-position: 0px 0px;
}

.btn .radio-btn-img.as-external-vacancy {
    background-position: 0px -64px;
}

.btn .radio-btn-img.as-general-vacancy {
    background-position: 0px -128px;
}

.btn .radio-btn-img.as-public-vacancy {
    background-position: 0px -192px;
}

.btn .radio-btn-img.as-nopublic-vacancy {
    background-position: 0px -256px;
}

.btn .radio-btn-img.as-confidential-vacancy {
    background-position: 0px -320px;
}

.bootstrap-switch-small {
    height: 30px;
}

.bootstrap-switch-mini {
    height: 22px;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: #26C281 !important;
}

.portal-card-secondary .btn {
    margin: -5px -10px -10px;
}

/* FIN Estilos Nuevo Diseño Publicar */

#publish-vacancy {
    float: left;
    width: 100%;
    min-height: 320px;
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #ececec;
    border-top: none;
}

#urlinput #urlpublic, #urlinput #url_cli_rep_public, #urlinput #url_area_rep_public {
    float: left;
    width: 50%;
    height: 25px;
    background-color: #fff;
    padding: 0px 8px;
    margin: 0;
    outline: none;
    border: 1px solid #dcdcdc;
}

#closeFilters {
    padding: 5px 0;
    height: 42px !important;
}

#urlinput .gray-btn{
    padding: 5px;
}

#closeFilters input {
    max-width: 70px;
    padding-left: 5px;
}

.form-section .previewApp {
    position: relative;
    margin: 10px 0 0;
    width: 100%;
    float: left;
    text-align: center;
}

.form-section .previewApp:last-child, .postulantActions .filter-container > li {margin-right: 0px;}

.form-section .previewApp h5 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 14px;
    font-style: italic;
    padding: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    background-color: #f8f8f8;
    border: 1px solid #ececec;
    border-bottom: none;
}

.grayContainer {
    background-color: #f8f8f8;
    padding: 10px 8px;
    border: 1px solid #ececec;
    margin-top: 34px;
    width: 100%;
}

.publishOption {
    background-color: #f8f8f8;
    margin: 10px 0;
    padding: 10px 15px;
    border: 1px solid #ececec;
    width: 100%;
    float: left;
}

.publishOption .placeToPublish {
    /*float: left;*/
    padding: 5px 0;
    /*width: 60%;*/
}

.publishOption .publishItem:first-child, .tabbable-custom  .tab-content p:not(.alert) {
    padding: 0 0 10px 0;
}

.publishOption .publishItem:last-child {
    padding: 10px 0 0;
    border-bottom: none;
}

.publishOption .publishItem {
    position: relative;
    border-bottom: 1px solid #ececec;
    float: left;
    width: 100%;
    padding: 10px 0;
}

.publishOption h5, .form-section .publishOption h5 {
    font-weight: 600;
    margin: 0;
    font-size: 14px;
    width: 190px;
    color: #5a5a5a;
    padding: 0;
    font-style: normal;
    background: transparent;
    float: left;
}

.publishOption .portal-logo {
    background: url('/assets/img/app/logos-portales-publicar.jpg') no-repeat;
    background-size: 94px 630px;
}

.publishOption .portal-logo a {
    width: 94px;
    height: 45px;
    display: block;
}

.publishOption .logo-pub-bum {background-position: 0px 0px;}

.publishOption .logo-pub-exec {background-position: 0px -45px;}

.publishOption .logo-pub-unbit {background-position: 0px -90px;}

.publishOption .logo-pub-in {background-position: 0px -135px;}

.publishOption .logo-pub-fb {background-position: 0px -180px;}

.publishOption .logo-pub-trov {background-position: 0px -225px;}

.publishOption .logo-pub-indeed {background-position: 0px -270px;}

.publishOption .logo-pub-mit {background-position: 0px -315px;}

.publishOption .logo-pub-jij {background-position: 0px -360px;}

.publishOption .logo-pub-joo {background-position: 0px -405px;}

.publishOption .logo-pub-laborum {background-position: 0px -450px;}

.publishOption .logo-pub-konzerta {background-position: 0px -495px;}

.publishOption .logo-pub-multitrabajos {background-position: 0px -540px;}

.publishOption .logo-pub-opcempleo {background-position: 0px -585px;}

.social-ads-walkthrough span {
    background: url('/assets/img/app/socialAds-walkthrough.png') no-repeat;
    background-size: 146px 876px;
    width: 146px;
    height: 146px;
    margin: 0 auto;
    display: block;
}

.social-ads-walkthrough .fbAds-step1 {background-position: 0px 0px;}

.social-ads-walkthrough .fbAds-step2 {background-position: 0px -146px;}

.social-ads-walkthrough .fbAds-step3 {background-position: 0px -292px;}

.social-ads-walkthrough .inAds-step1 {background-position: 0px -438px;}

.social-ads-walkthrough .inAds-step2 {background-position: 0px -584px;}

.social-ads-walkthrough .inAds-step3 {background-position: 0px -730px;}

#prospect-signup-left {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #3b3f51 url('/assets/img/app/signup-illustration-01.png') no-repeat right 42px bottom 80px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.form-tips-image span {
    background: url('/assets/img/app/form-tips-img.png') no-repeat;
    background-size: 169px 624px;
    width: 169px;
    height: 156px;
    margin: 0 auto;
    display: block;
}

.form-tips-image .tip-assistant {background-position: 0px 0px;}

.publishItem .linked-to-ad {
    position: absolute;
    right: 0;
    bottom: 5px;
}

#olark_space #on_olark {
    position: fixed;
    bottom: 0;
    left: 35px;
    font-size: 13px;
    -moz-border-bottom-left-radius: 0 !important;
    -moz-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Comienzo de estilos Config Micrositio */

#microsite_form {
    max-width: 940px;
    margin: 60px auto 0;
}

.company_banner .thumbnail, .company_logo .thumbnail, #cover-text-lg #uploadCVbtn .btn, #cover-text-xs #uploadCVbtn .btn {border-radius: 0 !important;}

.company_banner:after {
    position: absolute;
    background: url('/assets/img/app/degradado-coverpic.png') repeat-x left 0 bottom -1px;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.company_banner .fileinput .thumbnail {
    width: 100%; 
    height: 348px; 
    margin: 0; 
    border: none;
}

.microsite-cover-pic img {
    width: 100%;
    max-height: none !important;
}

.company_banner .upload-btns {
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 1500 !important;
}

.company_logo .upload-btns {
    position: absolute;
    bottom: 4px;
    left: 4px;
    z-index: 1500 !important;
}

.company_logo {
    position: absolute;
    display: table;
    width: 168px;
    bottom: 6px;
    left: 15px;
    margin: 0;
    z-index: 3000;
}

#logoContainer {
    display: table-cell;
    width: 100%;
    height: 160px;
    vertical-align: middle;
}

#setCompanyLogo, .upload-btns .opacity_btn {
    background-color: rgba(0,0,0,.6);
    color: #ececec;
    vertical-align: middle;
    outline: none;
    border: none;
    border-radius: 0;
    text-align: center;
}

#setCompanyLogo {
    display: block;
    margin-bottom: 2px;
}

.upload-btns .opacity_btn {
    display: inline-block;
    min-width: 24px;
    padding: 4px;
    margin: 0;
    cursor: pointer;
}

.upload-btns .opacity_btn:hover {
    background-color: rgba(0,0,0,.9);
    color: #fff;
}

.microsite-profile-pic {
    display: table-cell !important;
    width: 168px;
    height: 168px;
    background: #fff;
    border: 4px solid #fff;
    box-shadow: 0px 1px 2px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 2px 0 rgba(0,0,0,.4);
    padding: 0;
    margin: 0;
    z-index: 1200;
}

.microsite-profile-pic img {
    max-height: 100%;
    max-width: 100%;
}

#cover-text-lg {
    position: absolute;
    bottom: 15px;
    display: table;
    left: 0;
    max-width: 100%;
    width: 100%;
}

#cover-text-lg #companyTitle, #cover-text-lg #uploadCVbtn {
    display: table-cell;
    vertical-align: bottom;
}

#cover-text-lg #uploadCVbtn {
    text-align: right;
    padding-right: 15px;
}

#cover-text-lg #uploadCVbtn i, #cover-text-xs #uploadCVbtn i {
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}

#cover-text-lg #companyTitle {
    font-size: 24px;
    color: #fff;
    padding-left: 195px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .8);  
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
}

#cover-text-lg #companyTitle p {
    font-size: 1.2em;
    line-height: 30px;
    color: inherit;
    margin: 0;
    font-weight: 600;
}

#cover-text-lg #companyTitle span {
    font-size: .9em;
    line-height: 26px;
}

.enable-module {
    padding: 0;
    margin: 10px 0 -10px 0;
}

.block-module {
    position: relative;
    width: 100%;
    float: left;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 15px;
    margin: 10px 0 0;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
}

.block-module .module-action-btns {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2000;
}

.block-module2 {
    position: relative;
    width: 120px;
    height: 120px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 10px;
    margin: 0 0 15px 15px;
}

.block-module2:first-child {
    margin-left: 0 !important;
}

.university_logo {
    position: relative;
    height: 58px;
    width: 100%;
}

.university_logo img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#desc_view p span {
    font: 14px/1.4 'Open Sans', Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    text-align: left;
}


#desc_update, #video_update, #contact_update, #map_update {
    background-color: #fffded;
    border: 1px solid #faf1a9;
    overflow: hidden;
    margin: -15px;
    padding: 15px;
}

.module-title {
    font-size: 12px;
    background-color: #F4F5F5;
    color: #6e7f8c;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    margin: -15px -15px 15px -15px;
    padding: 6px 10px;
    border-bottom: 1px solid #ececec;
}

#microsite_form .bottom-space, .linkedin_image img {margin-bottom: 10px;}

.marginBottom {margin-bottom: 20px;}

#microsite_form #contact_view p i, #microsite_form #company-address i {
    color: #999;
    margin-right: 4px;
}

/* Fin de estilos Config Micrositio */

.social-icons li .website {
    background: url(../global/img/social/website.png) no-repeat;
}

.sharedCounter {
    width: 48%;
    background-color: #fff;
    margin: 0 0 0 2px;
    padding: 8px;
    line-height: 22px;
    border: 1px solid #ececec;
    text-align: center;
    float: right;
}

#shareVacancy .social-icon-color, .manageNetwork .social-icon-color, #shareVacancy .share_to:hover {opacity: 1 !important;}

#shareVacancy .social-icon, #shareVacancy .btn, #shareVacancy input[type="checkbox"], 
.manageNetwork .social-icon, .manageNetwork p {vertical-align: middle;}

#shareVacancy .share_to {
    border: none;
    outline: none;
    width: 100%;
    height: 40px;
    opacity: .9;
}

#configure_social_networks {
    border: 0;
    outline: 0;
    width: 100%;
}

.profile-edit-notificaciones #configure_social_networks {max-height: 150px;}

.profile-edit-picture #configure_social_networks {height: 235px;}

.textPadding {padding: 12px 0;}

.textPadding span, #currentPostulants, #currentPositions, .interview_config, #currentLeads, #creationDate, #distinguishVacancy {
    font-weight: 600;
    font-size: 12px;
    color: #a1a1a1;
}

#currentPostulants i, #creationDate i, #distinguishVacancy i, .deadline-status i {
    font-size: 16px !important;
}

#currentPositions i, #currentLeads i, .assignedTeam i{
    font-size: 19px !important;
}

.interview_config i {
    font-size: 19px !important;
}

.linkDownload, .users-list li a {
    position: relative;
    width: 100%;
}

#searchContainer {
    min-width: 180px;
    margin: 0;
    font-weight: normal;
    width: 320px;
}

#searchContainer i {
    position: absolute;
    right: 6px;
    top: 10px;
    color: #a1a1a1;
}

input#place_tags, input#input_nameTag {
    background-color: #fff;
    padding: 0px 8px;
    outline: none;
    border: 1px solid #dcdcdc;
    border-radius: 8px !important;
    margin-right: 10px !important;
}

input#place_tags, input#input_nameTag {
    height: 29px;
    width: 68% !important;
    margin: 0;
}

#closeFilters, div#rate-process .table-header .bootstrap-switch-small {height: 28px;}

.btn-md.dropdown-toggle {height: 34px;}

.btn-sm.dropdown-toggle {height: 30px;}

.user-data {padding: 6px;}

#postulants_to_import, #postulants_to_ignore, #metric_data div[id^="source_data"], #metric_data div[id*="source_data"], #rejected_postulants>.portlet.box, .cke_chrome .cke_inner {border: 1px solid #dcdcdc;}

#postulants_to_import tr:first-child, #postulants_to_ignore tr:first-child {
    font-weight: 600;
    background-color: #ececec !important;
}

#postulants_to_import tr:nth-child(odd), #postulants_to_ignore tr:nth-child(odd), .general_data li:nth-child(even) {
    background-color: #f8f8f8;
}

#postulants_to_import tr td, #postulants_to_ignore tr td {
    border-left: 1px solid #dcdcdc;
    padding: 10px;
}

#postulants_to_import td.wider {min-width: 200px;}

#postulants_to_import td:last-child, #postulants_to_ignore td:last-child {min-width: 144px;}

.tabbable-custom > .tab-content, .user-data {
    float: left;
    width: 100%;
}

.filterItems label {margin: 0 0 0 2px;}

.customMargin1 {margin: 6px 0 0 10px;}

.customMargin2 {margin: 30px 10px 0 10px;}

.customMargin4 {margin: 30px 0 0;}

.customMargin5 {margin: 12px 0 0;}

.customMargin6 {margin: 10px 10px 0 0;}

.customMargin7 {margin-left: 49px;}

.customMargin9 {margin-top: 20px;}

.customMargin10 {margin-top: 14px;}

.customPadding1 {padding: 8px 0;}

.customPadding2 {padding-bottom: 20px;}

.customPadding3 {padding-top: 35px;}

.customPadding4 {padding-bottom: 35px;}

.customBorder {border-left: 1px solid #ececec;}

.postulantsList > .bit-75, .postulantsList > .bit-25, .postulantData > .bit-25 {padding: 0  10px 0 0;}

.form-section label span, #form_add_areas label span, #form_add_clients label span, .modal form label span, #rejectedBadge, 
#info_riesgoonline .disclaimer, .popup_add_postulant_form form label span, #add_postulant_from_popup_top label span, 
.form-section a.delete-question:hover, .form-section a.delete-question:hover i, .users-state i.failed, 
.left-col-2 table td i:hover, .portlet.light label span {color: #ED6B75;}

/*.create-form {
    max-width: 720px;
    margin: 0 auto;
}*/

.create-form #component_img .fileinput-preview {
    width: 100%; 
    max-height: 320px;
    min-height: 280px;
}

.emptyDataContainer {
    width: 100%;
    height: 80px;
    border: 1px dashed #a1a1a1;
    background-color: #ececec;
    text-align: center;
    float: left;
    display: block;
}

.emptyDataContent {
    color: #5a5a5a !important;
    width: 100%;
    display: block;
    margin: 0;
    height: 80px;
    padding: 23px 0;
}

.emptyDataContent p, #fbAds-pricetab td label {
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    float: none !important;
    font-size: 14px !important;
    padding: 0 !important;
}

.emptyDataContent a {
    font-weight: 600;
    color: #24bb72;
}

.emptyDataContent i {
    font-size: 32px !important;
    line-height: 32px;
    text-shadow: 0 1px 1px #fff;
    vertical-align: middle;
    margin: 0 4px 0 0 !important;
}

.raty {
    line-height: 14px;
    padding-bottom: 2px;
    cursor: pointer;
}

.popover {
    font-family: "Open Sans", sans-serif !important;
    text-align: center;
    max-width: 450px !important;
    z-index: 9999 !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    border: 0px solid rgba(0, 0, 0, 0);
}

.page-breadcrumb.breadcrumb {
    padding: 5px 0 15px 0;
    font-size: 13px; 
}

#rate-applicants_filter input[type="search"], #table_referents_filter input[type="search"], #table_interview_filter input[type="search"], 
#list_billing_popup .portlet input[type="search"], #area_table_filter input[type="search"], #user_table_1_filter input[type="search"], 
#sample_2_filter input[type="search"], #table_user_wrapper input[type="search"], #sample_3_filter input[type="search"], 
#table_avisos_filter input[type="search"], #general_metric_data label input[type="search"], #user_table_1_2_filter input[type="search"] {padding: 0 10px;}

.datepicker table th, #rate-applicants thead th:nth-child(n+2), #table_referents thead th:nth-child(n+2), #table_interview thead th:nth-child(n+2), .bit-1 .font-blue-dark,
.general_data .data_value, .general_source, .specific_source, .stage_rejected, #info_riesgoonline .table th {text-align: center;}

#table_interview_wrapper .row, #table_referents_wrapper .row {margin-top: 13px;}

.display-table {display: table;}

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

.sceditor-container iframe {
    width: 98% !important;
    min-height: 160px;
}

.block-container {max-width: 150px;}

#rejected_postulants, #intended_salary {margin: 10px 0;}

.general_data {
    padding: 0 !important;
    background-color: #fff;
    border: 1px solid #ececec;
    width: 100%;
}

.general_data li {
    border-bottom: 1px solid #ececec;
    padding: 10px;
}

.general_data li i, .general_data li label {
    color: #5a5a5a;
    font-size: 36px;
    line-height: 36px;
    width: auto;
}

.general_data li i[class*="icon-"]:before, #hasComments_Attach i {margin: 0 .2em;}

.general_data li label {
    font-weight: 600;
    letter-spacing: -2px;
    margin: 0 0 0 -2px;
}

#general_metric_data #source_close {min-height: 465px;}

#postulants_source .blockedSource {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1000;
}

#postulants_source .blockedSource p {
    position: relative;
    top: 50%;
    margin-top: -17px;
    cursor: not-allowed !important;
}

#metric_data div[id^="source_data"] .row, #metric_data div[id*="source_data"] .row {
    font-weight: 500;
    margin: 0;
    padding: 0;
}

#metric_data div[id^="source_data"] .row .specific_source, #metric_data div[id*="source_data"] .row .specific_source {
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

#metric_data div[id^="source_data"] .row .general_source, #metric_data div[id*="source_data"] .row .general_source {
    border-right: 1px solid #dcdcdc;
    padding: 25px 0;
}

#metric_data div[id^="source_data"] .row .general_source:last-child, #metric_data div[id*="source_data"] .row .general_source:last-child, 
#metric_data div[id^="source_data"] .row:nth-child(2) .specific_source:last-child, #metric_data div[id*="source_data"] .row:nth-child(2) .specific_source:last-child, 
#metric_data div[id^="source_data"] .row:nth-child(3) .specific_source:last-child, #metric_data div[id*="source_data"] .row:nth-child(3) .specific_source:last-child {
    border-right: none;
} 

#metric_data div[id^="source_data"] .general_source:after, #metric_data div[id*="source_data"] .general_source:after {
    position: absolute;
    content: '';
    background-image: url(/assets/img/app/general_source_arrow.jpg);
    margin-left: -5px;
    left: 50%;
    bottom: -15px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: 10px 20px;
}

#metric_data div[id^="source_data"] .row .specific_source h4, #metric_data div[id*="source_data"] .row .specific_source h4, 
#popup_facebook_ads2 .form-wizard .steps > li > a.step > .desc, .noWrap-text {
    margin-bottom: 5px;
    white-space: nowrap;
}

#metric_data div[id^="source_data"] .row .specific_source .raty, #metric_data div[id*="source_data"] .row .specific_source .raty, 
.general_source .total-views, .specific_source .total-views, .send_journal_email, .margin-top-5 {margin-top: 5px;}

.grey-row {
    background: #f4f4f4;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 0; 
}

.vacancy-status + p.pull-left + .emptyDataContainer, .vacancy-status + .emptyDataContainer {margin-top: 0px !important; margin-bottom: 20px !important;}

#general_metric_data #source_close #donut_vacancies_close {width: 65% !important;}

#rejected_postulants #donut, .portlet-body #donut_rejects {
    width: 84% !important;
    margin-left: -44px;
}

#rejected-people {
    position: relative;
    margin: -10px 0;
    z-index: 1100;
}

.colored_border {
    position: absolute;
    margin-top: -5px;
    float: left;
    width: 2px;
    height: 30px;
    margin-right: 20px !important;
}

.colored_border.color_0, .colored_border.color_1 {border-left: 2px solid #ffaf4a;}

.colored_border.color_2, .colored_border.color_3, .colored_border.color_3_5 {border-left: 2px solid #28b8da;}

.colored_border.color_4 {border-left: 2px solid #1c7dc7;}

.colored_border.color_4_5, .colored_border.color_5, .colored_border.color_6 {border-left: 2px solid #23cb78;}

.colored_border.color_7, .colored_border.color_8 {border-left: 2px solid #1d995d;}

.tabbable-custom > .nav-tabs > li.active, .tabbable-line > .nav-tabs > li.active {border-color: #00ab66;}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-color: #8DD8BA;}

#rate-process .export_calendar_excel1 {
    position: absolute;
    right: 207px;
    top: 36px;
}

#rate-process .export_calendar_excel1 i {
    font-size: 16px;
}

.div_filter_users {
    position: absolute;
    left: 231px;
    top: 37px;
}

.switchContainer {height: 30px;}

/* Estilos Tuti */

#user-info-question-raty .raty img {
    width: 15px;
    height: 15px;
}

#rate-applicants .raty-no-action, #metric_data div[id^="source_data"] .raty, #metric_data div[id*="source_data"] .raty {
   text-align: center;
   margin: 0 auto;
} 

#rate-applicants .raty-no-action img, .raty-no-action img {
    float: none;
    margin-right: 0;
}

#rate-applicants img, #table_referents img {
    float: left;
}

.linkDownload, .modal select[name="reason"], .portlet .col-md-12 #find_range, .textDetails, .margin-left-10, 
.birthdayPicker .birthMonth, .birthdayPicker .birthYear {
    margin-left: 10px;
}

#rate-applicants td.actions {
    max-width: 95px;
    min-width: 210px;
    display: inline-table;
}

.table-advance tr td.highlight:first-child p {
    margin-left: 15px;
}

td.applicant {
    max-width: 1100px;
}

td.actions a.action-btns {
    display: block;
    float: right;
    width: auto;
    margin: 4px 28px 0 0;
}

td.actions a.action-btns i {
    font-size: 24px;
    color: #545454;
    float: none;
}

a.actions-reset, div#rate-process ul.vacancy-actions li a:hover, .postulantActions ul li a:hover {
    text-decoration: none !important;
}

td.actions a.actions-delete:hover ,td.actions a.action-btns:hover i.fonticon-cancel-circled {
    color: #e53135 !important;
}

td.actions a.actions-share:hover, td.actions a.action-btns:hover i.fonticon-share/*, .buy-option.popular .buy-option-title*/ {
    color: #249efa !important;
}

td.actions a.actions-rate:hover, td.actions a.action-btns:hover i.fonticon-ok-circled {
    color: #24bb72!important;
}

td.actions a.actions-reset:hover, td.actions a.action-btns:hover i.fonticon-mail {
    color: #24bb72 !important;
}

td.select-col, td.score {
    width: 110px;
}

td.score ul {
    width: 100%;
    list-style: none;
}

td.score ul li {
    width: 15px;
    height: 15px;
    background: #CCC;
    float: left;
    margin-left: 3px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

td.score ul li.scored {
    background: #F00;
}

td.state {
    border-bottom: 3px solid;
    width: 110px;
}

td.done {
    border-bottom-color: #093;
}

td.in-process {
    border-bottom-color: #fee123;
}

td.not-done {
    border-bottom-color: #e53135;
}

#rate-applicants #_input {
    width: 100px !important;
    margin: 0 auto;
}

#rate-applicants #_container {
    width: 120px !important;
    margin: -12px auto 0 auto;
    text-align: left;
}

.apply-filter2 .timeset li a {
    float: left;
    display: inline-block;
    padding: 5px 10px;
    height: 30px;
    background-color: #ececec;
    color: #333;
}

a.add-question {
    background-color: #249efa;
    font-size: 12px;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 5px;
    color: #fff;
    display: block;
    float: right;
    cursor: pointer;
    text-decoration: none; 
    margin-top: 10px;
}

a.add-question i.fontello-list, #info_riesgoonline .titulo {font-size: 24px;}

a.add-questions {
    background: #24bb72;
    width: 16%;
    height: 6%;
    text-align: center;
    color: #fff;
    font-size: 80%;
    margin-top: 5px;
    padding-top: 20px;
    float: right;
    cursor: pointer;
    text-decoration: none;
}

a.delete-question-2 {
    background-color: #e53135;
    font-size: 12px;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 12px;
    color: #fff;
    display: block;
    float: right;
    cursor: pointer;
    text-decoration: none;
}

a.delete-question-2 i.fontello-trash, #makeActions a.gray-btn i {font-size: 16px;}

a.gray-btn i, .note p, #cancel_vacancy .text-primary, .help-block, .alert, 
.table-bordered>tbody>tr>td {font-size: 13px;}

a.gray-btn i.fa-share, .adding_page a.gray-btn, .bootstrap-select.btn-group .btn .filter-option {margin-top: 2px;}

a.gray-btn i.fa-unlock-alt, a.gray-btn i.fa-share-square-o, a.gray-btn i.fa-book, a.gray-btn i.icon-refresh {
    margin-left: .2em;
    margin-right: .2em;
}

.profile-edit-picture img.profile-picture, .profile-edit-picture img#profile-picture {
    max-width: 220px;
    max-height: 220px;
    margin: 20px 0 10px 0;
}

.profile-edit-notificaciones {
    float: left;
    width: 100%;
    margin-top: 10px !important;
}
 
/* MENUS */

.account-menu li .notif {
    display: inline-block;
    background: #F00;
    position: absolute;
    right: 20px;
    top: 5px;
    padding: 3px;
    font-size: 9px;
    line-height: 9px;
    font-style: normal;
}

#sidemenu #main-action i {
    float: left;
    font-size: 18px;
    margin: 1px 4px 0 4px;
}

#vacancy-advancedSettings .panel-title, #bumeran-advancedSettings .panel-title {
    font-size: 14px;
}

#sidemenu #main-action {
    background-color: #F8FAFD;
    margin-top: -10px;
    padding: 20px;
    webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#sidemenu #main-action .new-interview {
    margin: 0 auto;
    width: 150px;
    padding: 8px 4px;
}

#sidemenu #main-action .new-interview {
    background: #24bb72;
    color: #FFF !important;
    text-align: center;
    display: block;
}

#sidemenu #main-action .new-interview span {
    margin-left: -18px;
}

#sidemenu #main-action .new-interview:hover, .comments-section form input[type="submit"]:hover {
    background: #1d995d;
    text-decoration: none;
}

#div_pagination {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    padding-top: 0.25em;
    float: right;
}

#paginacion {
    margin: 2px 0;
    white-space: nowrap;
    float: right;
}

#paginacion li {
    display: inline;
}

#paginacion li a {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

#paginacion .actual > a, #paginacion .actual > a:hover {
    background: #eee;
    border-color: #ddd;
    color: #333;
}

#paginacion > li:first-child > a {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

#paginacion > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.paginator {
    float: right;
    list-style: none;
    margin: 10px;
}

.paginator li {
    float: left;
    margin-left: 1px;
}

.paginator li a {
    font-size: 11px;
    background: #eeeeee;
    padding: 3px 8px;
    text-decoration: none;
    font-weight: 600;
}

.paginator li a:hover {
    color: #fff;
    background: #545454;
}

.paginator li a.active {
    background: #333;
    color: #fff;
}


/* SUBMENUS */

ul.submenu .submenu-active {
    height: 11px;
    background: url(/assets/img/app/account-submenu.png) center no-repeat;
    background-color: transparent;
    margin-top: -11px;
    border: none !important;
}

ul.submenu .submenu-active:hover {
    background: url(/assets/img/app/account-submenu.png) center no-repeat !important;
    background-color: transparent !important;
}

#submessages li.view-messages {
    background: #edf3fc;
}

.account-menu li #submessages li img {
    float: left;
    margin: 5px 10px 0 5px;
    -webkit-box-shadow: inset 0px 0px 30px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 30px 5px rgba(0, 0, 0, 0.3);
}

.account-menu li #submessages li p {
    width: 270px;
    float: right;
    text-align: left;
    text-transform: none;
    color: #545454;
    font-size: 11px;
    line-height: 15px;
    text-overflow: ellipsis;
    height: 60px;
}

.account-menu li #submessages li p span {
    font-weight: 600;
    font-size: 13px !important;
}

#submessages li p i.fonticon-cancel-circled {
    color: #249efa !important;
    font-size: 18px !important;
}

i.empty-state {
    font-size: 43px !important;
    line-height: 57px;
    color: #dcdcdc !important;;
    float: none !important;
}

#list_agenda li button {
    margin: 10px auto;
    display: block;
}

.check_module input[type="checkbox"], .checkbox input[type="checkbox"] {
    font-size: 14px;
    margin-right: 5px;
}

#invite-users li .invite-users-role, 
.textDetails > strong {
    display: block;
}

.stage_rejected, .stage_rejected > label, .loading p {
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
}

/* CUSTOM SELECT */

div.selectbox-wrapper {
    position: absolute;
    z-index: 1200;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    background-color: #FFF;
    height: 86px;
    width: 220px !important;
    overflow: auto;
    top: 42px;
}

div.selectbox-wrapper ul {
    list-style-type: none;
    width: 96.5%;
    height: auto !important;
}

div.selectbox-wrapper ul li.selected {
    color: #333;
    width: 96.5%;
    padding: 0.5em;
}

div.selectbox-wrapper ul li.current {
    color: #000;
    width: 96.5%;
    padding: 0.5em;
}

div.selectbox-wrapper ul li {
    list-style-type: none;
    float: none;
    clear: both;
    margin: 2px 0 0 0;
    padding: 0.5em;
    cursor: pointer;
    width: 96.5%;
}

.selectbox {
    cursor: pointer;
    width: 200px;
    padding: 0 10px;
    margin-top: 9px;
    overflow: hidden;
    background: url(/assets/img/app/sort-select.jpg) no-repeat right #fff !important;
    border: 1px solid #ececec !important;
    z-index: 0000;
    font-weight: normal;
    color: #333333;
}

.selectbox_filter {
    cursor: pointer;
    width: 200px;
    padding: 0 10px;
    height: 35px !important;
    margin-top: 9px;
    overflow: hidden;
    background: url(/assets/img/app/sort-select.jpg) no-repeat right #FFF !important;
    border: 1px solid #ececec !important;
    z-index: 0000;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
}

div.selectbox-wrapper ul li:hover {
    color: #e53135;
    font-weight: normal;
}

/* NOTIFICATIONS */

.notif-pop {
    width: 100%;
    min-width: 1160px;
    border-bottom: 1px solid #ececec;
}

.notif-info {
    position: relative;
    background: #249efa;
    width: 100%;
    padding: 5px;
}

.notif-info-create-interview {float: left;}

.notif-info a {
    color: #fff;
    text-decoration: underline;   
}

.notif-info i {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}

.notif-info i.fonticon-cancel-circled:hover {color: #ececec;}

.notif-info p {
    font-weight: 600;
    width: 80%;
    margin: 0 auto;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

.fonticon-info-circled {
    color: #fff;
    float: left;
    margin: 4px 0 0 0;
}

.fonticon-cancel-circled {
    color: #282828;
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer;
    font-size: 1.4em;
    margin: 0;
}

p.notif-warning {
    color: #545454;
    text-align: center;
    font-size: 12px !important;
    float: none !important;
    padding: 15px;
    width: 80% !important;
    margin: 0 auto 20px auto;
    background: #fdffd4;
    border: 1px solid #f3f6af;
}

/* FORMS */

.form-section {
    padding: 15px 20px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

.form-section hr, .contact-rep-dialog hr, .rate-user-dialog .apply-filter p, .modal-footer, .check_module, .checkbox {
    clear: both;
}

.form-section h5 {
    display: inline-block;
    color: #545454;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}

.form-section label.btn {
    font-weight: normal;
    display: inline-block;
    clear: none !important;
    margin: 0;
}

.form-section label, .modal .modal-label, form .modal-label, .portlet.light label:not(.btn) {
    font-weight: 400;
    display: block;
    clear: both;
    margin-bottom: 0;
    white-space: nowrap;
}

.form-section textarea, .modal textarea, .popup_add_postulant_form textarea {
    border: 1px solid #dcdcdc;
    padding: 15px;
    width: 100%;
    height: 120px;
    resize: vertical;
    margin: 4px 0;
    text-align: left;
    white-space: normal;
}

.postulantProfile textarea, #shareVacancy textarea, .postulantComments textarea {
    border: 1px solid #dcdcdc;
    height: 80px;
    padding: 10px 8px !important;
    margin: 4px 0 10px 0;
    outline: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    resize: none;
}

@media only screen and (max-width : 1365px) {
    .form-questions .inner-section {
        width: 60% !important;
    }
}

@media only screen and (max-width : 1200px) {
    .form-questions .inner-section {
        width: 55% !important;
    }
}

.form-section input[type="file"] {
    color: #aeaeae;
    margin: 0px 0 15px 0;
    border: 0px !important;
    width: 80%;
}

@media only screen and (max-width : 1480px) {
    .link-type {
        float: left !important;
        width: 50%;
        clear: none !important;
    }
}

.inner-section .form-extra-fields label, .customPadding5 {
    padding: 5px 0px;
}

.inner-section .form-extra-fields input {
    border: 1px solid #eee;
    padding: 10px 15px 7px 15px;
}

.form-section .select-container input.datepicker, .form-section .select-container input.selectbox {
    width: 80% !important;
    float: left;
    margin: 0px !important;
}

.inner-section i {
    color: #333;
    font-size: 24px;
    margin: 10px 5px;
}

#start-hour_input, #finish-hour_input {
    width: 55% !important;
    margin-left: 40px;
    margin-top: 1px;
    background: url(/assets/img/app/form-select.jpg) no-repeat right #FFF !important;
}

.select-container {
    position: relative;
    float: left;
    width: 50%;
    padding-bottom: 15px;
}

#start-hour_container, #finish-hour_container {
    margin-top: -6px;
}

.form-questions {
    list-style: none;
    clear: both;
}

.form-questions li {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 15px 0;
    clear: both;
}

.form-questions li.create-question {
    background: #f8f8f8;
}

.form-questions .inner-section {
    width: 60%;
    position: relative;
}

.form-questions .inner-section p.question {
    color: #aeaeae;
    font-size: 20px;
    font-weight: 300;
    padding: 15px;
    width: 90%;
    text-overflow: ellipsis;
}

.form-questions a.edit-question, .list-group .default-email, .list-group .default-invite, .list-group .default-reject, 
.list-group .default-offer, .list-group .default-update, .list-group .default-closed-vacancy {
    float: right;
    position: absolute;
    top: 15px;
    right: 0px;
}

.form-questions a.edit-question i {
    font-size: 24px;
    color: #999;
}

.form-questions a.edit-question:hover i {
    color: #666666;
}

.select-container-s {
    position: relative;
    float: left;
    width: auto;
}

.select-container-s i {
    margin: 15px 20px 0 0;
    float: right;
}

.select-container-s input#_input {
    clear: both;
    width: 130px !important;
    margin: 10px 0;
}

.select-container-s #_container {
    margin: 24px 0 0;
}

.form-section a.save-question {
    display: block;
    float: right;
    font-size: 50px;
    padding: 0.3em 0;
    margin: 1.7% 1%;
    width: 15%;
    background: #24bb72;
    color: #FFF;
    text-align: center;
}

.form-section a.save-question:hover {
    background: #00a66b;
}

.form-section a.delete-question {
    display: block;
    float: right;
    font-size: 50px;
    padding: 0.3em 0;
    margin: 1.7% 1%;
    width: 15%;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    color: #545454;
}

.form-section a.delete-question span {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.form-section a.delete-question i {
    float: none !important;
    color: #545454;
}

.form-section ul.question-order {
    font-weight: 600;
    padding: 20px;
    margin: 10px 0;
    width: 210px;
    list-style: none;
    display: block;
    color: #545454;
    white-space: nowrap;
}

.form-section ul.question-order li {
    border: none;
    width: auto;
    margin: 0 auto;
    cursor: move;
    font-size: 36px;
    text-align: center;
}

.form-section ul.question-order li i {
    font-size: 16px !important;
}

li.time-count {
    background: #249efa;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    padding: 15px;
}

li.time-count span {
    font-style: normal;
    font-size: 26px;
    font-weight: bold;
}

li.time-count a {
    color: #FFF;
    text-decoration: none;
    border-left: 1px solid #FFF;
    background: #3C6DBC url(/assets/img/app/plus.png) no-repeat center 14px;
    display: block;
    float: right;
    padding: 33px 35px;
    margin: -15px;
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    height: 20px;
    }

li.time-count a:hover {background: #254c8b url(/assets/img/app/plus.png) no-repeat center 14px;}

.invite-users {
    background: #24bb72 url(/assets/img/app/invite-users.jpg) center no-repeat;
    width: 170px;
    height: 70px;
    border: none;
    float: right;
    clear: both;
    margin: 25px 12px;
}

.link-type {
    background: #f8f8f8;
    color: #333;
    box-sizing: border-box;
    padding: 1em;
    cursor: pointer;
    width: 50% !important;
}

.link-type:hover {
    background: #249efa;
}

.link-type:hover p {
    color: #FFF !important;
}

.link-type input[type="radio"] {
    float: left;
    margin: 5px 0 0 5px;
}

.link-type p {
    float: left;
    clear: none;
    padding: 0 20px;
    width: 80%;
    font-size: 20px;
    font-weight: 300 !important;
}

.cke_chrome, .vacancy_note_desc {
    padding: 6px 0;
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.clear-overflow {
    clear: both;
    overflow: hidden;
}

.clear-overflow-alt {
    clear: both;
    overflow: auto;
    float: none !important;
}
 
.form-section .selectbox, .sceditor-container, .profile-edit-picture .gmaps {width: 100% !important;}

.filterBy.small-width {width: 15% !important;}

.filterBy.small-width2 {width: 14% !important;}

.filterBy.small-width3 {width: 16% !important;}

.filterBy.medium-width2 {width: 17% !important;}

.filterBy.medium-width3 {width: 19% !important;}
 
.filterBy.medium-width, #rejected_postulants #rejected-people, .portlet-body #rejected-people {width: 20% !important;}

.filterBy.medium-width4, .vacancy-billingData {width: 33.33% !important;}

.filterBy.medium-width5 {width: 30% !important;}

.filterBy.large-width {width: 40% !important;}

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

#edit-profile-enterprise .send-button {margin: 25px 0 0 0;}

#edit-profile-enterprise .selectbox-wrapper {
    margin-top: 18px;
    overflow-y: scroll;
    width: 100% !important;
}

/* OVERLAY DIALOGSS */

.overlay-new {
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background: rgba(0,0,0,0.3);
}

#popup-empresa, #popup-usuario, #popup-contacto, #popup-rate {
    display: none;
}

.overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
}

#overlay, #overlay-empresa {
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
}

.contact-rep-dialog {
    width: 650px;
    margin: 10% auto;
    background-color: #f8f8f8;
    border: 10px solid #FFF;
    padding: 10px;
}

.contact-rep-dialog h3 {
    font-size: 36px;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.contact-rep-dialog h3 span {
    font-size: 16px;
}

.contact-rep-dialog h4 {
    color: #545454;
    font-style: italic;
    font-size: 18px;
    font-weight: normal;
    padding: 15px;
    text-align: left;
}

.contact-rep-dialog form {
    background: #FFF;
    margin: 5px;
    border: 1px solid #ececec;
    position: relative;
}

.contact-rep-dialog label, .contact-rep-dialog p {
    padding: 20px;
    width: 120px;
    display: block;
    float: left;
    clear: both;
    color: #545454;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.contact-rep-dialog textarea {
    border: 1px solid #dcdcdc;
    color: #aeaeae;
    font-size: 20px;
    font-weight: 300;
    padding: 15px;
    width: 70%;
    height: 150px;
    resize: vertical;
    margin: 10px 0;
}

.contact-rep-dialog form #_input {
    width: 67%;
}

.contact-rep-dialog form #_container {
    margin-left: 175px;
    width: 69% !important;
    text-align: left;
}

.contact-rep-dialog form .send-contact {
    border: none;
    background: url(/assets/img/app/send-contact.jpg) center no-repeat;
    width: 170px;
    height: 70px;
    position: absolute;
    right: 0px;
    bottom: -80px;
}

.contact-rep-dialog ul {
    float: left;
    width: 400px;
    list-style: none;
    padding: 8px 0;
}

.contact-rep-dialog ul li {
    color: #333;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    line-height: 24px;
    float: left;
    padding-left: 15px;
    margin: 20px 10px 10px 0;
}

.contact-rep-dialog ul li i {
    font-size: 16px;
    margin-right: 5px;
}

.contact-rep-dialog ul li a {
    color: #333;
    text-decoration: none;
}

.contact-rep-dialog ul li a:hover {
    color: #C00;
}

.edit-picture-dialog {
    width: 600px;
    margin: 20% auto;
    background-color: #f8f8f8;
    padding: 15px;
}

.edit-picture-dialog img {
    float: left;
    border: 1px solid #eee;
    width: 30%;
    margin: 6px 0 10px 10px;
}

.edit-picture-dialog .fonticon-cancel-circled, .contact-rep-dialog .fonticon-cancel-circled {
    color: #555!important;
    font-size: 24px;
    cursor: pointer;
}

.edit-picture-dialog p {
    float: left;
    color: #545454;
    font-size: 34px;
    text-align: left;
    line-height: 24px;
    margin: 10px 0 0 0;
    width: 55%;
    padding-left: 20px;
}

.edit-picture-dialog p span, #postulants_to_import, #postulants_to_ignore, #info_riesgoonline .table {
    font-size: 14px;
    line-height: 18px;
}

.edit-picture-dialog p span i {
    font-size: 12px;
    color: #999;
}

.edit-picture-dialog a.upload-picture {
    float: left;
    display: block;
    width: 170px;
    height: 70px;
    margin: 25px 10px 0 20px;
    background: #249efa;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding-top: 15px;
}

.edit-picture-dialog a.upload-picture:hover {
    background: #4c7dcd;
}

.edit-picture-dialog a.save-picture {
    float: left;
    display: block;
    width: 170px;
    height: 70px;
    margin: 25px 10px 0 20px;
    background: #24bb72;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding-top: 15px;
}

.edit-picture-dialog a.save-picture:hover {
    background: #00744a;
}

/* USER RATING DIALOG STYLES */

.rate-user-dialog {
    position: relative;
    width: 90%;
    height: 96%;
    margin: 1% auto;
    background-color: #FFF;
}

#pop-up-content {
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    border: 1px solid #e2e2e2;
    padding: 10px;
}

#footer-questions{
    width: 100%;
    height: 15%;
    float: left;
    clear: both;
    position: relative;
}

#pop-up-content #title {
    font-weight: 600;
    font-size: 24px;
    color: #545454;
    float: left;
    width: 100%;
}

#pop-up-content #subtitulo, #metric_data > h3 {
    font-size: 18px;
    color: #545454;
    padding: 0 0 5px 0;
    text-align: left;
    width: 100%;
    float: left;
}

#pop-up-content #input-find, #pop-up-content #input-find2 {
    text-align: left;
    width: 100%;
    float: left;
}

#pop-up-content #input-find .selectbox{
    cursor: pointer;
    width: 250px;
    padding: 0 10px;
    height: 30px !important;
    margin-top: 9px;
    overflow: hidden;
    background: url(/assets/img/app/sort-select.jpg) no-repeat right #FFF !important;
    border: 1px solid #ececec !important;
    z-index: 0000;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    color: #333333;
}

#pop-up-content #input-find2 .selectbox{
    cursor: pointer;
    width: 250px;
    padding: 0 10px;
    height: 30px !important;
    margin-top: 9px;
    overflow: hidden;
    background: url(/assets/img/app/sort-select.jpg) no-repeat right #FFF !important;
    border: 1px solid #ececec !important;
    z-index: 0000;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    color: #333333;
}

#pop-up-content #input-find .selectbox-wrapper {
    position: absolute;
    z-index: 1111;
    border: 1px solid #ececec;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    color: #333333;
    background-color: #FFF;
    height: 142px;
    width: 235px !important;
    margin-top: -1px;
    overflow: auto;
}

#pop-up-content .data-question, #popup_questions .data-question {
    width: 100%;
    border-bottom: 1px solid #ececec;
    float: left;
    padding : 10px;
    min-height: 44px;
}

#pop-up-content .data-question span, #popup_questions .data-question span {
    width: 95%;
    float: left;
}

#pop-up-content .data-question input, #popup_questions .data-question input {
    width: 5%;
    float: left;
    margin: 5px 0;
}

#pop-up-content .data-question .question-times, #popup_questions .data-question .question-times {
    font-weight: bold;
    width: 18%;
    border-left: 1px solid #e2e2e2;
    float: left;
    padding-left: 15px;
}

.rate-add-questions {
    position: relative;
    width: 60%;
    height: 85%;
    margin: 3% auto;
    background-color: white;
    padding: 10px;
}

.sidebar-users {
    margin-top: -10px;
    margin-left: -20px;
    margin-right: -20px;
}

.sidebar-users .search-by input[type="text"], div#rate-process .col-job {
    float: left;
    width: 70%;
}

.sidebar-users .search-by input[type="submit"] {
    width: 15%;
    float: left;
    background-color: #eee;
    background-position: center;
    top: 0px;
}

.users-list {
    list-style: none;
    border-top: 1px solid #ececec;
}

.users-list li {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    border-bottom: 1px solid #ececec;
}

.users-list li:nth-child(even), #closeFilters {
    background-color: #f4f4f4;
}

.users-list li:hover {
    background: #ececec;
}

.users-list li img {
    float: left;
    margin: 5px;
    width: 45px;
    height: auto;
    border: 1px solid #ececec;
}

.users-list li p {
    color: #333333;
    text-align: left;
    font-size: 11px;
    line-height: 16px;
}

.users-list li p b {
    font-style: italic;
}

.users-state i.approved {
    color: #24bb72;
}

.rate-user-dialog .user-main-info {
    background: #f8f8f8;
    text-align: center;
}

.basic-info > img {
    width: 36px;
    max-width: 36px;
    height: auto;
}

.modal select[name="reason"] {
    width: 75%;
    text-align: left;
}

.basic-info h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    vertical-align: baseline;
    display: inline-block;
}

.rate-user-dialog a.share-button {
    padding: 5px 10px;
    background: #249efa;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    top: 5px;
}

.user-score ul li {
    width: 15px;
    height: 15px;
    background: #CCC;
    float: left;
    margin-left: 3px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.user-score ul li.scored {
    background: #F00;
}

.rate-user-dialog .apply-filter {
    max-width: 25%;
    float: right;
    margin: 25px 0;
}

.question-list {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.question-list ul.question-numbers li {
    float: left;
    margin: 0 3px;
    text-align: center;
}

.question-list ul.question-numbers li a {
    display: block;
    height: 20px;
    width: 20px;
    padding: 1px;
    background: #eee;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.question-list ul.question-numbers li a.active, .question-list ul.question-numbers li a:hover {
    background: #565656;
    color: #FFF;
    border-bottom: 2px solid #565656;
    text-decoration: none !important;
}

.question-list ul.question-numbers li a.rated {
    border-bottom: 2px solid #24bb72;
}

.question-list ul.question-numbers li a.unrated {
    border-bottom: 2px solid #e53135;
}

.question-list ul.question-reffs {
    list-style: none;
}

.question-list ul.question-reffs li {
    float: left;
    margin-right: 8px;
}

.question-list ul.question-reffs li:last-child {margin-right: 0;}

.question-timing h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.question-timing .pull-left {
    width: 50%;
    float: left;
    padding: 2%;
}

.question-timing .pull-left p {
    font-size: 10px;
    text-align: center;
}

.question-timing .pull-left p span {
    font-size: 13px;
    font-weight: 300;
}

.question-timing .pull-left p span i {
    font-size: 16px;
}

.question-timing a.share-button {
    margin: 0 auto;
    top: 20px;
}

.video-holder, .video-js, #videoPlayer {
    width: 100% !important;
    height: 360px !important;
}

.video-holder .video {
    width: auto;
    background: #999;
}

.points-left .score-mask-bg {
    width: 138px;
    height: 24px;
    background: url(/assets/img/app/score-mask.png) center no-repeat;
    position: relative;
    z-index: 2222;
    top: -24px;
}

.points-left .score-mask {
    height: 24px;
    background: url(/assets/img/app/score-points.png) left no-repeat;
    position: relative;
    z-index: 3333;
}

ul.comments, #invite_users_popup #users_container, #details #recordsList #vacancyHistoryContainer {
    width: 100%;
    min-height: 0px;
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
}

ul.comments li {
    clear: both;
    float: left;
    background: #e8f1ff;
    padding: 5px;
    width: 100%;
    margin: 5px 0;
}

ul.comments li:nth-child(odd) {background: #feffe0;}

ul.comments li img {
    float: left;
    width: 36px;
    height: 36px;
}

ul.comments li p {
    max-width: 90%;
    float: left;
    margin: 0 0 0 5px;
    text-align: left;
    font-size: 11px;
    color: #545454;
}

.comments-section form {
    width: 100%;
    background: #f8f8f8;
    margin-top: 5px;
}

.comments-section form input[type="text"] {
    font-size: 12px;
    border: 0px;
    background: none;
    width: 80%;
    float: left;
    padding: 1em 1.5em;
}

.comments-section form input[type="submit"] {
    width: 15%;
    float: right;
    font-size: 12px;
    color: #FFF;
    background: #24bb72;
    border: none;
    padding: 1em 0;
}

.rate-user-nav {
    clear: both;
    width: 100%;
    margin: 0 auto;
    background: #f8f8f8;
    border-top: solid 1px #dcdcdc;
}

.rate-user-nav .prev-user {
    float: left;
}

.rate-user-nav .next-user, .user-feed .date, .tagsToInsert {
    float: right;
}

.rate-user-nav .prev-user, .rate-user-nav .next-user {
    background: #249efa;
    padding: 0.5em;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

#interview-invite-test {
    clear: both;
    padding-top: 20px;
    text-align: right;
    width: 80%;
    margin-left: 215px;
}

#interview-invite-test-desc {
    width: auto;
    float: none;
    display: none;
    font-weight: normal;
    color: #24bb72;
}

#datetimepicker-temp {
    position: absolute;
    opacity : 0;
    pointer-events: none;
}

.card-help {
    position: absolute;
    bottom: 35px;
    right: 30px;
}

#term-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#term-popup-close i {
    font-size: 20px;
    color: #545454;
}



input#place_tags, input#input_nameTag, .postulantActions .filter-container li, .table-header i[class^="icon-"], .currentPlace, .has-error .help-block, #closeFilters .gray-btn, 
#info_riesgoonline .fuente, #info_riesgoonline .disclaimer, .bootstrap-select.btn-group .btn .filter-option, #currentPostulants i, #currentPositions i, .interview_config i,
#currentLeads i, .block-module .gray-btn, #cover-text-lg #uploadCVbtn .btn, #cover-text-xs #uploadCVbtn .btn, #general-filter-view > div > span, 
.portal-card-secondary span {font-size: 12px;}

#invite-candidates {
    display: none;
    position: absolute;
    width: 650px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    top: 102px;
    right: 20px;
    font-size: 12px;
    color: #545454;
    z-index: 1000;
}

#invite-users {
    display: none;
    position: absolute;
    width: 293px;
    max-height: 256px;
    background: #ffffff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    border: 1px solid #dcdcdc;
    top: 102px;
    right: 25px;
    font-size: 12px;
    color: #545454;
    z-index: 1000;
}

#invite-users ul {
    list-style: none;
    list-style-type: none;   
    overflow: auto;
    max-height: 254px;
}

#invite-users li {
    padding: 10px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px dashed #d0d0d0;
}

#invite-users li img, #invite-users-popup li img {
    display: block;
    float: left;
    margin-right: 10px;
}

#invite-users li .invite-users-name, #invite_users_popup li:last-child .btn {
    display: block;
    margin-top: 8px;
    font-weight: 600;
}

#invite-users li .invite-users-invite, #invite-users-popup li .invite-users-invite-popup, #invite-users-popup li .invite-users-revoque-popup {
    position: absolute;
    right: 15px;
    width: 50px;
    font-size: 12px;
    color: #ffffff;
    background: #24bb72;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 2px 0px;
    top: 25px;
}

.exclude-users-invite {
    position: absolute;
    right: 15px;
    width: 50px;
    font-size: 12px;
    color: #ffffff;
    background: #ED6B75;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 2px 0px;
    top: 25px;
}

#invite-users-new {
    background: #249efa;
    font-size: 12px;
    width: 120px;
    height: 25px;
    display: block;
    margin: 8px auto;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    color: #ffffff;
}

.suspend-user {
    text-decoration: none !important;
    background: url(/assets/img/app/delete.png) no-repeat;
    padding-left: 20px;
}

.suspend-user:hover {
    background: url(/assets/img/app/delete-red.png) no-repeat;
}

#invite-users-popup {
    display: none;
    position: absolute;
    width: 295px;
    height: 272px;
    background: #ffffff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    border: 1px solid #dcdcdc;
    top: 125px;
    right: 0px;
    font-size: 12px;
    z-index: 2500;
}

#invite-users-popup ul {
    list-style: none;
    list-style-type: none;   
    overflow: auto;
    height: 225px;
    border-bottom: 1px solid #ececec;
}

#invite-users-popup li {
    text-align: left;
    padding: 6px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px dashed #dcdcdc;
}

#invite-users-popup li .invite-users-name {
    text-align: left;
    display: block;
    margin-top: 8px;
}

#invite-users-popup li .invite-users-role {
    text-align: left;
    display: block;
}

#term-popup-c {
    width: 832px;
    height: 482px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -425px;
    background: #ffffff;
    padding: 9px;
}

#term-popup-c-int {
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
    height: 100%;
    position: relative;
}

.term-popup-text {
    margin: 10px 0;
    overflow-y: auto;
    text-align: left;
    width: 100%;
    height: 220px;
    border: 1px solid #ececec;
    float: left;
    background-color: white;
}

#term-popup-text_2 {
    overflow: auto;
    width: 100%;
    height:99%;
    float: left;
}

ul.button_group li, .pickTime {
  display: inline-block;
  float: left;
  width: 32%;
  overflow: hidden;
}

.btn_categorias {
    background: #fff url("/assets/img/bullet-circulo.png") no-repeat 10px center;
    text-indent:0;
    border:1px solid #ececec;
    display:inline-block;
    font-size:18px;
    line-height:48px;
    width:100%;
    text-decoration:none;
    text-align:center;
    cursor: pointer;
}

.button_group .active {
    background: #249efa url("/assets/img/bullet-circulo-selected.png") no-repeat 10px center;
    border: 1px solid #4166a2; 
    color: #fff;
}

.hide2{
    pointer-events: none; cursor: default; opacity: 0.3;
}

ol#pasos {
  list-style: none; 
  counter-reset: my-counter;
  margin: 0;
  padding: 0;
}

ol#pasos li {
  line-height: 24px;
  position: relative; 
  list-style:none;
  margin: 1.2em 0; 
  padding: 0;
  list-style-position: inside;
  counter-increment: my-counter;
}

ol#pasos li:before {
    content: " "counter(my-counter)" ";
    color: #FFF;
    font-size: 12px;
    text-align: left;
    background-color: #249efa;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    padding-left: .56em;
    margin-right: 5px;
}

.select_language .selectbox-wrapper{
    width: 59px !important;
    overflow: hidden !important;
}
.select_language .selectbox{
    width: 96px !important;
    margin-top: 15px;
    margin-right: 11px;
}
.select_language li {
    color: black;
}

.vacancyDataContainer {
    padding-bottom: 3px;
}

/* INICIO - GESTIÓN DE TAGS */
.searchRowContainer {
    background-color: #FFFFFF;
    padding: 1%;
}

.tagsOverallInfo {
    background-color: #B9B9B9;
    color: #F4F4F4;
    padding: 5px 10px 5px 10px;
}

.tagCard {
    border: 2px solid #B9B9B9;
    border-radius: 5px 5px !important;
}

.actionsTags {
    width: 100%;
    position: relative;
    padding: 6px 10px 6px 10px;
}

.actionsTags ul li a {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}

.actionsTags ul li {
    display: inline-block;
    margin: 1px 10px 0px 0px;
}

.titleTag {
    font-weight: bold;
    color: #3B3F51;
    font-size: 15px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subtitleTag {
    font-weight: normal;
    color: #3B3F51;
    font-size: 12px;
}

.deleteTagOptions {
    display: inline-block;
    padding-top: 1%;
}

.searchTagManagement {
    border: 0px;
    outline: 0px;
}

.searchComponent {
    display: inline-block;
}

.searchMessages {
    text-align: center;
    padding-top: 1%;
}
/* FIN - GESTIÓN DE TAGS */

/* INICIO - IMPORTACIÓN DE TAGS EN CREACIÓN DE VACANTE */
#import-tags-container .vacancyImportTagCard {
    background-color: #DADADA;
    font-size: 12px;
    position: relative;
}

.importTagCarOverallInfo {
    padding: 5px 10px 5px 10px;
}
/* FIN - IMPORTACIÓN DE TAGS EN CREACIÓN DE VACANTE */

.status-image-container {
    text-align: center;
}

.status-image-container img{
    width: 150px;
    height: 150px;
}
/* INICIO - EMAIL TEMPLATES */
.templateOptions {
    padding-bottom: 10px;
}
/* FIN - EMAIL TEMPLATES */

/* INICIO - LEADS U  OTRAS POSTULACIONES */
.custom-popover {
    border-radius: 5px !important;
    font-size: 12px !important;
    width:auto;
    min-width: 240px;
}

.leadsContainer {
    background-color: #3B3F51;
    width: 20px;
    height: auto;
    text-align: center;
    color:#F4F4F4;
    padding-left: 1px;
    padding-right: 1px;
    border-radius: 4px !important;
}
/* FIN - LEADS U  OTRAS POSTULACIONES */

@media (max-width: 320px) {
    .page-header.navbar .page-actions {
        margin-right: 50px !important;
    }
    .page-header.navbar .search-form {
        margin-right: 47px !important;
    }
    #searchContainer {
        min-width: 105px !important;
    }
}

@media (max-width: 767px) {
    .page-header.navbar .search-form.open {
        margin: -15px 0 0 0 !important;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
        max-width: 245px;
        width: 245px;
    }
    #searchContainer {
        min-width: 130px;
    }

    #postulantNumb {
        margin: 0 auto -20px !important;
    }
    .emptyDataContent i {
        font-size: 17px !important;
        line-height: 17px !important;
        display: block;
    }
    .modal .modal-body .ms-container {
        max-width: 100% !important;
    }
    #table_avisos_wrapper #table_avisos_filter, #table_avisos_wrapper #table_avisos_length {
        float: left;
        padding: 5px 10px;
    }
    #postulantsPag .btn-group, #postulantNumb, .general_data li, #general_metric_data #source_close #donut_vacancies_close, #rejected_postulants #donut, .modal select[name="reason"], fieldset.groupedLeft, #postulant-profilePicture, 
    .form-section #select_logo, #select_logo .dd-select, #select_logo .dd-options, .vacancy-details #history-more_details {
        width: 100% !important;
    }
    .video-holder, .video-js {
        height: 260px !important;
    }
    #rejected_postulants #donut, fieldset.groupedLeft {
        margin: 0;
    }
    .comments-section form input[type="text"] {
        width: 75%;
    }
    .comments-section form input[type="submit"] {
        width: 25%;
    }
    .modal select[name="reason"] {
        margin-left: 0 !important;
    }
    #postulantsPag, .vacancy-details {
        text-align: center;
    }

    #postulant-profilePicture #postulant-profilePicture-inner {
        margin: 0 auto 10px;
    }
    #postulantInfo #socialContact {
        position: relative;
        right: auto;
    }
    #postulantInfo #socialContact .social-icons li, fieldset.groupedLeft:last-child {
        margin-top: 10px;
    }
    #postulantInfo #socialContact .social-icons li, #makeActions #rejectedBadge, #makeActions li a.grey-btn, 
    ul#main-details .main-details-list, ul#history-more_details .main-details-list, .tagsToInsert {
        float: none !important;
    }
    #postulantInfo #socialContact .social-icons li, #makeActions li {
        display: inline-block;
    }
    ul#main-details .main-details-list::after {
        margin: 0 2px 0 5px;
    }
    #postulantsPag .btn-group #postulant_next {
        float: right;
    }
    #makeActions #makeActions-main li {
        float: left;
    }
/*    .page-content-wrapper .page-content {
        overflow: auto !important;
    }*/
    .company_banner .fileinput .thumbnail {
        height: 200px;
        margin-bottom: -10px;
    }
    .microsite-cover-pic img {
        min-width: 540px !important;
    }
    .company_logo {
        bottom: 50%;
        left: 50%;
        margin-bottom: -70px;
        margin-left: -84px;
    }
    .company_logo .upload-btns {
        bottom: 8px;
        left: 25px;
    }
    .microsite-profile-pic {
        display: block !important;
        margin: 0 auto;
        width: 124px;
        height: 124px;
    }
}

@media (max-width: 991px) {
    .page-header.navbar .search-form.open {
    width: auto !important;
    }
    #free-alert, #updates-alert, #viewFilter, .notif-pop, .notif-info {
        margin: 0 !important;
    }
    .container {
        margin-top: 10px !important;
    }
    #rate-process #filtersContainer .filterBy.medium-width, #rate-process #filtersContainer .filterBy.medium-width3, 
    #rate-process #filtersContainer .filterBy.small-width {
        width: 50% !important;
    }
    div#rate-process .col-job, div#rate-process .closed-vacancies .col-job {
        width: 100% !important;
    }
    div#rate-process .col-job > a, div#rate-process .closed-vacancies .col-job > a {
        max-width: 100% !important;
        margin: 0;
    }
    .vacancy-additionalInfo {
        position: relative;
        float: left;
        margin: -10px 0 10px 5px;
    }
    #location-mobile {
        font-size: 12px;
        color: #a1a1a1;
        padding: 2px 4px;
        margin: 12px 10px 0 -3px;
        font-weight: 600;
    }
    div#rate-process ul.vacancy-actions li.more-actions{
        float: right;
        margin-right: 0 !important;
    }
    div#rate-process ul.list-more-actions {
        left: auto !important;
        right: 0;
    }
    div#rate-process ul.vacant-more-actions:before {
        left: auto !important;
        right: 6px;
    }
    .postulantCard .postulantStage .inVacancy {
        max-width: 75%;
    }
    .form-horizontal .control-label {
        text-align: left !important;
    }
    .general_data li {
        width: 20%;
        float: left;
    }
    .general_data li i, .general_data li label {
        font-size: 18px;
        line-height: 18px;
    }
    .general_data li label, .general_data li p {
        vertical-align: baseline;
        display: inline-block;
    }
    .general_data li i {
        margin-top: 0 !important;
    }
    .general_data li label {
        margin: 0 4px 0 0;
    }
    #rate-process .user-main-info, #rate-process .user-score, #rate-process .apply-filter, .profile-edit-picture {
        text-align: center;
    }
    .profile-edit-picture #configure_social_networks {
        max-height: 115px;
    }
    #applicantsPaginator-mobile .btn-default {
        position: absolute;
    }
    #applicantsPaginator-mobile .prev-user {
        left: 15px;
    }
    #applicantsPaginator-mobile .next-user {
        right: 15px;
    }
    .user-main-info .basic-info h5 {
        display: block;
    }
    .user-score .raty-no-action {
        margin: 0 auto;
    }
    .microsite-cover-pic img {
        min-width: 940px;
    }
    #iframe_video_view {
        height: 420px;
    }
}

@media (min-width: 992px) and (max-width: 1135px) {
    #metric_data div[id^="source_data"] .row .specific_source, #metric_data div[id*="source_data"] .row .specific_source {
        padding: 14px 0;
    }
    #metric_data div[id^="source_data"] .row .specific_source h4, #metric_data div[id*="source_data"] .row .specific_source h4 {
        font-size: 14px;
    }
}

@media (max-width: 1280px) {
    #rate-process .export_calendar_excel1 {
        position: relative;
        left: 20px;
        top: 0;
        margin-bottom: 20px;
    }
    .filterBy.small-width2 {width: 16% !important;}
    .filterBy.medium-width3 {width: 16.5% !important;}
    .filterBy.medium-width2 {width: 20% !important;}
    .small-width .filterItems li > label, .medium-width3 .filterItems li > label {max-width: 62%;}
}

@media (max-width: 1325px) {
    .medium-width .filterItems li > label {max-width: 72%;}
}

@media (max-width: 1359px) {
    .filterBy.small-width, .filterBy.small-width2 {width: 15% !important;}
    .filterBy.medium-width2, .filterBy.medium-width3 {width: 18% !important;}
}

@media (min-width: 1367px) and (max-width: 1920px) {
    #rejected_postulants #donut, .portlet-body #donut_rejects {
        width: 82% !important;
    }
}
.botao-wpp {
    text-decoration: none;
    /* color: #eee; */
    color: #25d366;
    display: inline-block;
    /* background-color: #25d366; */
    font-weight: bold;
    padding: 4px;
    border-radius: 3px;
    font: 14px/1.4 'Open Sans', Arial, Helvetica, sans-serif !important;
  }

  .botao-wpp :hover{
    text-decoration: none;
    color: #119354;
  }
  .wpp-padding{
    padding-right: 5px;
  }
  
  .botao-wpp:hover {
    text-decoration: none;
    color: #119354;
  }
  
  .botao-wpp:focus {
    text-decoration: none;
    color: #119354;
  }

  .botao-wpp:focus {
    text-decoration: none;
    color: #119354;
  }

  #reseted_pass {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
  }

  .fa-passwd-reset > .fa-lock {
    font-size: 0.76rem;
    top: 4px;
  }
  .field-icon-eye {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: #1e9765;
    width: 2.285714em !important;
    font-size: 1.5em !important;
    cursor: pointer;
  }
  
  .social-icon-whatsapp{
    margin-right: 9px;
  }

  
  .that-green i { 
    color: #24bb72;
}

/*
* Programa de Referidos 
*/

#referents_frecuency {
    padding: 0 6px;
    margin: 0 6px;
}

.referer-option-title {
    line-height: 40px;
}
/* 
.referer-options {
    list-style-type:none;
    margin:5px 2px;
    padding:0;
}*/
#referral-form-options .container {
    margin: 0;
    padding: 0;
}

.referer-options li {
    float: right;
    margin:0 5px 0 0;
    height: 44px;
    position:relative;
}

.referer-options label, .referer-options input {
   display:block;
   position:absolute;
   top:0;
   left:0;
   right:0;
   bottom:0;
}

.referer-options input[type="radio"] {
   opacity:0.011;
   z-index:100;
}

.referer-options input[type="radio"]:checked + label {
    background:#3c3f52;
    color:#FFFFFF;
}

.referer-options label {
    line-height: 44px;
    background:#FFFFFF;
    border-radius: 6px !important;
    border:1px solid #3c3f52; 
    color:#3c3f52;
    cursor:pointer;
    z-index:90;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    
}

.referer-options label:hover {
    background:rgb(235, 235, 235);
    border: 1px solid #575966;
    color: #575966;
} 

#form_add_postulant_popup .error {
    color: #e53135;
    font-weight: 600;
}
#form_add_postulant_popup .nopadding {
    padding: 0 !important;
    margin: 0 !important;
 }
 .bg-whatsapp {
    background: #32da54  !important; }

.bg-font-whatsapp {
      color: #FFFFFF !important; }
.modal-hr {
    border-radius: 8px !important;
}
.select-hr { 
    border-radius: 5px !important;
}
.btn-hr-cancel { 
    border-radius: 8px !important;
    height: 40px;
    width: max-content;
    min-width: 108px;
    color: #3B3F51 !important;
    font-weight: 600;
    background: #DADADA !important;
}
.btn-hr-success { 
    border-radius: 8px !important;
    height: 40px;
    width: max-content;
    min-width: 108px;
    color: #fff;
    background: #24BB72 !important;
}

.btn-hr-delete { 
    border-radius: 8px !important;
    height: 40px;
    width: max-content;
    min-width: 108px;
    color: #fff;
    background: #ED6B75 !important;
    font-weight: 600;
}

.text-success-post{
    color:#24bb72 !important;
    font-weight: 600;
    font-size: 18px;
}

.hrc-btn-bum {
    background-color: #0A26EC !important;
    color: #FFFFFF !important;
    height: 40px!important;
    border-radius: 8px !important;
}

.hrc-btn-bum:hover {
    background-color: #3D47F5 !important;
}

.hrc-btn-bum-logo{
    background-color: #0A26EC !important;
}

.hrc-btn-bum-logo:hover {
    background-color: #3D47F5 !important;
}

.hrc-btn-zj {
    height: 40px!important;
    border-radius: 8px !important;
    border-radius: 8px !important;
}

.vacancy-details i {
    font-size: 16px !important;
}

#rate-process .table-header .filter-jobs i { font-size: 16px !important; }

.col-md-3 .postulantStatus i { font-size: 16px; }

.col-md-3 .div_interview_assistance i { font-size: 16px; }

.col-md-3 #hired i { font-size: 16px; }

.col-md-3 #included i { font-size: 16px; }

.col-md-3 #postulant-test-keyclouding i { font-size: 16px; }

.col-md-3 #postulant_availables i { font-size: 16px; }

.col-md-3 #raty_div i { font-size: 16px; }

.col-md-3 .module-box #ref_span i { font-size: 16px; }

.col-md-3 .module-box #tag_span i { font-size: 16px; }

.tags_span {
    position: initial;
    width: fit-content;
    height: fit-content;
    left: 335px;
    top: 623px;
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 3px;
  
    background: #f4f4f4;
    border-radius: 6px !important;
  
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    align-items: center;
  
    color: #333333;
}

.knowledgeBlock {
    margin: 20px 0px 0px 0px;
}


/* BORRAR AL APLICAR LA PLANTILLA COMMONS.JS */

.form-rounded {
    border-radius: 6px !important;
}

.form-rounded input[type=checkbox] {
    --active: #24bb72;
    --active-inner: #fff;
    --focus: 2px #3598dc;
    --border: #b9b9b9;
    --border-hover: #24bb72;
    --background: #fff;
    --disabled: #DADADA;
    --disabled-inner: #DADADA;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    border-radius: 4px !important;
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}

.form-rounded input[type=checkbox]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); 
}

.form-rounded input[type=checkbox]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}

.form-rounded input[type=checkbox]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
}

.form-rounded input[type=checkbox]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
}

input[type=checkbox].switch {
    width: 50px;
    height: 30px;
    border-radius: 30px !important;
    box-shadow: none; 
}

input[type=checkbox].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0)); 
}

input[type=checkbox].switch:checked {
    --ab: var(--active-inner);
    --x: 17px; 
}

input[type=checkbox].switch:disabled:not(:checked):after {
    opacity: 0.6; 
}

/* BORRAR AL APLICAR LA PLANTILLA COMMONS.JS */

.dropdown-menu {
    font-family: "Open Sans", sans-serif !important;
}

.postulantMassiveActions {
    font-size: 15px !important;
    vertical-align: middle !important;    
}

.usefulActionsPostulants {
    padding-right: 3px;
}

/* Tabla de visos vinculados de bumeran y zj*/
table#bumeran-announcements thead th,
table#zj-announcements thead th {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    /* border-radius: 7px !important; */
    background: #3b3f51 !important;
    border-bottom: 1px solid #ececec;
}

table#bumeran-announcements thead th.first-column,
table#zj-announcements thead th.first-column {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

table#bumeran-announcements thead th.last-column,
table#zj-announcements thead th.last-column {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.announcementsActionButtons {
    border-style: solid;
    border-width: 1px;
    background-color: #F4F4F4;
    border-color: #3B3F51;
    border-radius: 5px !important;
    max-width: 32px;
    max-height: 32px;
    width: 32px;
    height: 32px;
    padding: 7px 7px 7px 7px;
    margin: 0px 4px 0px 4px;
    text-decoration: none !important;
    display: inline-block;
}

.announcementsActionButtons i {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}
/* Tabla de visos vinculados de bumeran y zj*/

/* UI de elementos para vinculación de avisos de bum y zj - logica vieja */
#syncCVs_bumeran_conf, #syncCVs_zj_conf {
    margin: 3px !important;
}
/* UI de elementos para vinculación de avisos de bum y zj - logica vieja */

/* UI de elementos para vinculación de avisos de bum y zj */
#syncState-bumeran, #syncState-zj  {
    /*background: #ABEFCF;*/
    border-radius: 8px !important;
    font-size: 13px;
    padding: 3px 6px 3px 6px;
    color: #3B3F51;
}

#syncState-bumeran div,
#syncState-zj div {
    display: inline-block;
    width: 10px;
    height: 10px;
    /*background: #24BB72;*/
    border-radius: 50% !important; 
    margin-right: 5px;
}

#progressbar-announcements-sync {
    width: 248px;
    height: 24px;
    border-radius: 14px !important;
    background: #B9B9B9;
    position: relative;
}

#progressbar-announcements-sync-bumeran {
    width: 248px;
    height: 24px;
    border-radius: 14px !important;
    background: #B9B9B9;
    position: relative;
}

#progressbar-announcements-sync-zj {
    width: 248px;
    height: 24px;
    border-radius: 14px !important;
    background: #B9B9B9;
    position: relative;
}

#progressbar-announcements-sync .progress-label, #progressbar-announcements-sync-bumeran .progress-label, #progressbar-announcements-sync-zj .progress-label  {
    position: absolute;
    top: 4px;
    color: #FFFFFF;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 16px;
    margin-left: 30%;
}

#progressbar-announcements-sync .ui-progressbar-value, #progressbar-announcements-sync-bumeran .ui-progressbar-value, #progressbar-announcements-sync-zj .ui-progressbar-value {
    background: #24BB72;
}
/* UI de elementos para vinculación de avisos de bum y zj */

/* Modals para vinculación de avisos de bum y zj */
.modal .main-content {
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    line-height:18px;
}

.modal .info-content {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Open Sans';
    color: #9A9A9A;
}

#popup_relate_announcement {
    z-index: 99999 !important;
}
/* Modals para vinculación de avisos de bum y zj */
.div_bum_pregunta_multiple_choice{
    margin-left: 15px !important;
}
.input-question-large{
    width: 550px !important;
}
.hrc-inline-block{
    display: block;
    margin-left: 39px;
    position: absolute;
    top: 63px;
}
.d-inline-block i{
    font-size: 16px !important;
}
.card-linkedin .tooltip {
    top: 18px !important;
    left: 323.656px !important;
    display: block;
}
.bootbox-confirm .modal-dialog .modal-content{
    border-radius: 8px !important;
}
@media only screen and (max-width : 768px) {
    .select2-container {
        width: 658px !important;
    }
}

.campus .tooltip-inner {
    max-width: 300px !important;
    /* If max-width does not work, try using width instead */
    width: 300px !important; 
}