/**
 * @package NeoRecruit
 * @copyright Copyright (C) 2006 - 2023 NeoJoomla. All rights reserved.
 * @license GNU/GPL
 * @version 5.0 for Joomla 4.x
 * @author NeoJoomla
 */

.clear { clear: both; }

.restricted {
    padding: 1em;
    text-align: center !important;
    width: 100%;
}

div.nrc_admintools {
    float: right;
}
div.nrc_admintools div {
    margin: 0 8px;
}
div.nrc_admintools div a {
    display: block;
    float: left;
    padding: 2px 0 2px 18px;
}

div.nrc_admintools div.nrc_home a {
    padding: 2px 0;
}

div.nrc_admintools div.nrc_offers a {
    background: url(../images/edit.png) no-repeat 0 2px;
}

div.nrc_admintools div.nrc_candidates a {
    background: url(../images/users.png) no-repeat 0 2px;
}

td.nrc_downloadfile a {
    float: left;
    display: block;
    background: url(../images/downloadfile.png) no-repeat 0 2px;
    padding: 2px 0 2px 22px;
}

div.alert {
    text-align: center;
    padding: 10px;
}

div.page, div.start, div.prev, div.next, div.end { float: left; }
div.page {
    padding: 0 4px;
}

fieldset { margin-bottom: 1em !important; width: 100%; }
fieldset legend { margin-bottom: 0; }
fieldset dt, fieldset dd { padding: 3px 0; }
fieldset blockquote { margin: 0; }

div.clr { clear: both; }

table.offer {
    width: 100%;
}

table.offer th {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #DDD;
}

div.neorecruit_buttonbox {
    padding: 1.5em;
    text-align: center !important;
}

table.filters {
    width: 100%;
    padding-bottom: 5px;
}

table.admin td.sectiontableheader {
    text-align: center;
}

table .center { text-align: center; }

/************************************************
	Toolbar
************************************************/

div.toolbar {
    float:right;
    padding: 10px 0;
    text-align:right;
}

table#toolbar {
    border-collapse:collapse;
    margin:0;
    padding:0;
}

table#toolbar tr {
    height: 55px !important;
    height: 40px;
}

table.toolbar td {
    color:#666666;
    height:48px;
    padding:1px 1px 1px 4px;
    text-align:center;
    background-color: transparent;
}

table.toolbar a {
    border:1px solid #FBFBFB;
    /*color:#0B55C4 !important;*/
    cursor:pointer;
    display:block;
    float:left;
    padding:1px 5px;
    white-space:nowrap;
    text-decoration:none;
    background-color: transparent;
}

table.toolbar span {
    display:block;
    float:none;
    height:32px;
    margin:0 auto;
    width:32px;
}

#toolbar .button { background: none; float: left; color: #666666; height: 48px; padding: 1px; text-align: center;}
#toolbar .button a { border: 1px solid #FBFBFB; cursor: pointer; display: block; padding: 1px 5px; white-space: nowrap; }
#toolbar .button span.icon { display: block; float: none; height: 32px; margin: 0 auto; width: 32px; }
#toolbar .button span.title { font-size: 0.8em; }

#toolbar a span.icon-32-answer { background: url("../images/icon-32-send.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-apply { background: url("../images/icon-32-apply.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-back { background: url("../images/icon-32-back.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-cancel { background: url("../images/icon-32-cancel.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-contact { background: url("../images/icon-32-contact.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-edit { background: url("../images/icon-32-edit.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-new { background: url("../images/icon-32-new.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-publish { background: url("../images/icon-32-publish.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-remove { background: url("../images/icon-32-delete.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-save { background: url("../images/icon-32-save.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-send { background: url("../images/icon-32-send.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-unpublish { background: url("../images/icon-32-unpublish.png") no-repeat 50% 0 transparent; }
#toolbar a span.icon-32-view { background: url("../images/icon-32-preview.png") no-repeat 50% 0 transparent; }

.applications .tools, .offers .tools { display: flex; padding: 10px 0; }
.applications .tools select, .offers .tools select { width: 100%; }
.applications .tools .filters, .offers .tools .filters { float: left; display: block; width: 90%; }
.applications .tools .filters .filter, .offers .tools .filters .filter { display: inline-block; width: 24.5%; }
.applications .tools .filters .filter .chzn-container, .offers .tools .filters .filter .chzn-container { width: 100% !important; }
.applications .tools .limitbox, .offers .tools .limitbox { float: right; display: block; width: 10%; }
.applications .tools.row-fluid [class*="span"] , .offers .tools.row-fluid [class*="span"] { margin-left: 0; }
.applications .tools.row-fluid #limit_chzn, .offers .tools.row-fluid #limit_chzn { margin-left: 2.5%; min-width: auto; width: 100% !important; }

#offersForm table.admin td.sectiontableheader,
#applicationsForm table.admin td.sectiontableheader,
#searchForm table.admin td.sectiontableheader { text-align: left; }

#searchForm fieldset.search dl dd ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.search .no-selection {
    display: flex;
    padding: 2em;
    align-items: center;
    justify-content: center;
}

#offerForm fieldset.adminform label { display: block; float: left; margin: 0.5em 0; width: 150px; }
#offerForm fieldset.adminform div.formelm { clear: both; }
#offerForm fieldset.adminform input,
#offerForm fieldset.adminform select { margin: 0.5em 0; }


/************************************************
	Tabs
************************************************/

dl.tabs {
    float:left;
    margin:10px 0pt -1px;
    z-index:50;
}

dl.tabs dt.open {
    background:#F9F9F9 none repeat scroll 0%;
    border-bottom:1px solid #F9F9F9;
    color:#000000;
    z-index:100;
}
dl.tabs dt {
    background:#F0F0F0 none repeat scroll 0%;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    color:#666666;
    float:left;
    margin-left:3px;
    padding:4px 10px;
}
div.current {
    border:1px solid #CCCCCC;
    clear:both;
    padding:10px;
}
div.current dd {
    margin-left: 10px;
}

table.adminform {
    padding: 5px;
}

table.adminform td.key {
    width: 140px;
}

div.neoheading div.componentheading {
    padding-top: 10px;
}

table.adminform textarea.comments {
    height: auto;
    width: 100%;
}

.pane-sliders .panel {
    border:1px solid #CCCCCC;
    margin-bottom:3px;
}

.pane-sliders .panel h3 {
    background:#F6F6F6 none repeat scroll 0 0;
    color:#666666;
    font-size:13px;
}

.pane-sliders .title {
    color:#666666;
    cursor:pointer;
    margin:0;
    padding:2px;
}

.jpane-toggler-down {
    border-bottom:1px solid #CCCCCC;
}

.jpane-toggler span {
    background: transparent url(../images/j_arrow.png) no-repeat scroll 5px 50%;
    padding-left: 20px;
}

.jpane-toggler-down span {
    background: transparent url(../images/j_arrow_down.png) no-repeat scroll 5px 50%;
    padding-left: 20px;
}

#application-form .row-fluid .span1 { width: 8.33333%; }
#application-form .row-fluid .span2 { width: 16.66667%; }
#application-form .row-fluid .span3 { width: 25%; }
#application-form .row-fluid .span4 { width: 33.33333%; }
#application-form .row-fluid .span5 { width: 41.66667%; }
#application-form .row-fluid .span6 { width: 50%; }
#application-form .row-fluid .span7 { width: 58.33333%; }
#application-form .row-fluid .span8 { width: 66.66667%; }
#application-form .row-fluid .span9 { width: 75%; }
#application-form .row-fluid .span10 { width: 83.33333%; }
#application-form .row-fluid .span11 { width: 91.66667%; }
#application-form .row-fluid .span12 { width: 100%; }

.offer .form-actions { margin-top: 1em; }

@media (max-width: 767px) {
    .offer [class*="span"],
    .offer .row-fluid [class*="span"] {
        box-sizing: border-box;
        display: block;
        float: none;
        width: 100%;
    }

    #application-form .row-fluid [class*="span"] { padding-left: 0; padding-right: 0; width: 100%; }
}

#application-form legend { margin-bottom: 1em; }
#application-form [class*="span"] { margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; }
#application-form legend + .control-group { margin-top: 0; }
#application-form input[type="email"],
#application-form input[type="text"],
#application-form .chzn-container,
#application-form .chosen-container,
#application-form select { width: 100% !important; }
#application-form .chzn-container .chzn-single {}
#application-form .chosen-container .chosen-single { width: 100% !important; }
#application-form .chzn-container-single .chzn-single div b { background: url('/media/jui/css/chosen-sprite.png') no-repeat 0px 5px;  }
#application-form .form-consent { display: flex; justify-content: center; padding: 1em; }

#application-form .chzn-container.invalid .chzn-single { border: 1px solid #9d261d; background: #f2dede; color: #9d261d; }

ul.social { list-style-type: none; margin: 1em 0 0; padding: 0; }
ul.social li { float: left; padding: 0 5px; }

.form-control-static { margin: 0; padding-top: 5px; }

.status {
    border: 1px solid;
    background-color: #ccc;
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
    min-width: 60px;
    padding: 1px 10px;
    text-align: center;
}

/*
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
}
*/
.table-offers th, .table-offers td {
    display: table-cell !important;
}

.table-offers th {
    min-height: 1px;
    position: relative;
}
.table-offers .col-num {
    width: 2%;
}
.table-offers .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
}
.table-offers .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    width: 91.666667%;
}
.table-offers .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    width: 83.333333%;
}
.table-offers .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
}
.table-offers .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    width: 66.666667%;
}
.table-offers .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    width: 58.333333%;
}
.table-offers .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
}
.table-offers .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    width: 41.666667%;
}
.table-offers .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 33.333333%;
}
.table-offers .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
}
.table-offers .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    width: 16.666667%;
}
.table-offers .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    width: 8.333333%;
}

/* Small screen / phone */
@media (max-width: 767px) {
    .table-offers th.hidden-phone, .table-offers td.hidden-phone {
        display: none !important;
    }
}

/* Medium screen / tablet */
@media (min-width: 768px) and (max-width: 979px) {
    .table-offers .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .table-offers .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        width: 91.666667%;
    }
    .table-offers .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        width: 83.333333%;
    }
    .table-offers .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        width: 75%;
    }
    .table-offers .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        width: 66.666667%;
    }
    .table-offers .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        width: 58.333333%;
    }
    .table-offers .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
    }
    .table-offers .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        width: 41.666667%;
    }
    .table-offers .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .table-offers .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%;
    }
    .table-offers .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        width: 16.666667%;
    }
    .table-offers .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        width: 8.333333%;
    }
    .table-offers th.hidden-tablet, .table-offers td.hidden-tablet {
        display: none !important;
    }
}

/* Large screen / desktop */
@media (min-width: 992px) {
    .table-offers .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .table-offers .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        width: 91.666667%;
    }
    .table-offers .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        width: 83.333333%;
    }
    .table-offers .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        width: 75%;
    }
    .table-offers .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        width: 66.666667%;
    }
    .table-offers .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        width: 58.333333%;
    }
    .table-offers .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
    }
    .table-offers .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        width: 41.666667%;
    }
    .table-offers .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .table-offers .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%;
    }
    .table-offers .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        width: 16.666667%;
    }
    .table-offers .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        width: 8.333333%;
    }

    .table-offers th.hidden-desktop, .table-offers td.hidden-desktop {
        display: none !important;
    }
}