/* CUSTOM CSS - Woonhaven 2021 */

/* FIX  */

.alignwide{
    margin: 0 auto;
    max-width: 736px!important;
    width: 100%;   
    padding-right: 16px;
    padding-left: 16px;
}

#block-lesplusconsultees ul > li.active > a
{
    color: #4d4d4d;
}

caption{
    display: none;
}

/* RESET */

a:hover{
    text-decoration: none;
    color: inherit;
}

html{
    
}

body{
    height: 100% !important;  
}

p{
    line-height: 2rem;
}

h1.greenH1
{      
    font-weight: 700;
    text-transform: none;
    color: #224667;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0px;
    font-size: 3rem;
}

.jobs-details h1.greenH1{
    /*display: none*/
}

.main-title h1
{    
    font-weight: 700;
    text-transform: none;
    color: #224667;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0px;
    font-size: 3rem;
}

.jobs-listing .main-title h1{
    display: none;
}

.main-title h1 b{
    font-weight: 700;
}

h1.greenH1:before,
.main-title h1:before{
    /*content: "";
    width: 100%;
    height: 1px;
    background: #e9e9e9;
    bottom: 0;
    left: 0;
    position: absolute;*/
}

h1.greenH1:after,
.main-title h1:after{
    /*content: "";
    width: 110px;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #224667;*/
}

.alert
{
    border: 0;
    border-radius: 0rem;
}

.cc-grower {
    z-index: 1000;
    overflow: hidden;
    max-height: 0;
    transition: max-height 1s;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.col-md-12.col-lg-4.apply-buttons-container.pb-5{
    display:  none !important;
}

/* FIX */

#grve-responsive-menu-area.show{
    top:  60px;
}


#grve-responsive-menu-area.show .grve-area-inner{
    transform: translate(0px, 0px) !important;
    opacity: 1 !important;
}

#grve-responsive-menu-area.show .grve-area-inner .grve-area-content{
    visibility: visible;
}


/* HEADER */

header#header
{
   
}

.language-switcher a.active-lang-tf
{
    display: none;
}

.tf-menu-container{
    background: #FFF;
   
}

/* WRAPPER */

#wrap-container
{
    /*padding-top: 90px;*/
    background: #FFF;
}


body.jobs-listing #wrap-container
{
    /*background: #f1f1f1;*/
}

#wrap-container #main > .content{
    margin: 0 auto;
    max-width: 1248px!important;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
}


/* JOB LISTING */

.main-title h2
{
    font-size: 1.5rem;
    line-height: 25px;

    letter-spacing: 0px;
    text-transform: none;

    color: #4d4d4d;
}



.card
{
    border: 0;
    border-radius: 0;
    background: #edf9fd;
}



/* PAGINATION */

.pager-container .text-primary
{
    color: #224667 !important;
}

.pager-content span
{
    margin: 0 5px;
}

.pager-content a
{
    margin: 0 5px;

    text-decoration: none;
}

.pager-content a:after{
    display: none;
}

.pager-content a:hover
{
    text-decoration: none;

    color: #fff;
}

.pager-content span.pageNumDisabled
{
    padding: 4px 10px;

    color: #fff;
    border: 1px solid #224667 ;
    border-radius: 4px;
    background-color: #224667 ;
}

.pager-content a.pageNumActive
{
    padding: 4px 10px;

    text-decoration: none;

    color: #224667;
    border: 1px solid #FFF;
    border-radius: 4px;
    background-color: #FFF;
}

.pager-content a.pageNumActive:hover
{
    color: #fff;
    border: 1px solid #224667 ;
    background-color: #224667 ;
}

.pager-content a:last-child
{
    /*border-right: 1px #bebdbc solid;*/
}

.pager-content a.page
{
    padding: 4px 12px;

    border: 1px solid #FFF;
    border-radius: 4px;
    background-color: #FFF;
}

.pager-content a.page:hover span:before
{
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    color: #fff;
}

.pager-content a.page:hover
{
    color: #fff;
    border-color: #224667 ;
    background: #224667 ;
}


.pager-content a.page .pagePrec
{
    margin: 0;
    margin-right: 0;
    padding: 0;

    color: #224667;
    border: 0;
    border-radius: 4px;
    background: transparent;
}

.pager-content a.page:hover .pagePrec
{
    border: 0;
    background: transparent;
}


.pager-content a.page .pagePrec:before
{
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 22px;

    content: '\f104';

    color: #224667 ;
}

.pager-content a.page .pageFirst
{
    margin: 0;
    margin-right: 0;
    padding: 0;

    color: #224667 ;
    border: 0;
    border-radius: 4px;
    background: transparent;
}

.pager-content a.page:hover .pageFirst
{
    border: 0;
    background: transparent;
}



.pager-content a.page .pageFirst:before
{
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 22px;

    content: '\f100';

    color: #224667 ;
}

.pager-content a.page .pageSuiv
{
    margin: 0;
    margin-right: 0;
    padding: 0;

    color: #224667;
    border: 0;
    border-radius: 4px;
    background: transparent;
}

.pager-content a.page:hover .pageSuiv
{
    border: 0;
    background: transparent;
}

.pager-content a.page .pageSuiv:before
{
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 22px;

    content: '\f105';

    color: #224667;
}

.pager-content a.page .pageLast
{
    margin: 0;
    margin-right: 0;
    padding: 0;

    color: #224667;
    border: 0;
    border-radius: 4px;
    background: transparent;
}

.pager-content a.page:hover .pageLast
{
    border: 0;
    background: transparent;
}

.pager-content a.page .pageLast:before
{
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 22px;

    content: '\f101';

    color: #224667 ;
}

.pageFirstInactif,
.pagePrecInactif,
.pageSuivInactif,
.pageLastInactif
{
    display: none;
}

/* Sidebar */

#sidebar-left .content
{
    margin-bottom: 45px;
    padding: 0;

    border-radius: 0;
    background-color: transparent;
}

#sidebar-left .content ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.jobs-category-filer
{
    color: #4d4d4d;
}

li.main-category
{
    padding-top: 10px;
    padding-bottom: 10px;

    border-bottom: 1px solid #c8c8c8;
}



li.main-category > a
{
    font-size: 16px;
    font-weight: bold;

    position: relative;

    display: block;

    padding-left: 1em;
    padding-left: 15px !important;

    color: #4d4d4d;
}

li.main-category > a:before
{
    font-family: 'Fontello';
    font-size: .625em;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;

    position: absolute;
    top: 5px;
    left: 0;

    content: '\E80B';

    color: #4d4d4d;

    text-rendering: auto;
}

ul.sub-category li b,
ul.sub-category li a
{
    font-size: 16px;

    position: relative;

    display: block;

    margin-top: 0;
    margin-left: 15px;
    padding-left: 1em;
    padding-left: 15px !important;

    color: #4d4d4d !important;
}

ul.sub-category li b:before,
ul.sub-category li a:before
{
    font-family: 'Fontello';
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;

    position: absolute;
    left: 0;

    content: '\F101';

    color: #4d4d4d;

    text-rendering: auto;
}

/* JOB DETAILS */

.jobdetail .share ul
{
    overflow: hidden;

    margin: 15px 0 30px;
    padding: 0;

    background: #f1f1f1;
}

.jobdetail .main h2
{
    font-size: 1.8824rem;
    font-weight: bold;
    line-height: 1.2;

    color: #4d4d4d;
}

.jobdetail .main h2:first-child
{
    margin-top: 0 !important;
}

.well a.card-link,
.jobs-details .main a
{
   text-decoration-line: underline;
   color: rgb(34 70 103);
}

.well a.card-link:hover,
.jobs-details .main a:hover
{
    text-decoration: none;
    color: rgb(34 70 103);

   
}

header .intro-text a{
    text-decoration: underline;
    color: rgb(34 70 103);
}

header .intro-text a:hover{
    text-decoration: none;
    color: rgb(34 70 103);
}

.jobs-details .main p{
    margin-bottom: 1rem;
    line-height: 1.7;
}

.jobs-details .main ul
{
    list-style: none;
    padding-left: 1.5em!important;
    margin-bottom: 1rem;
}

.jobs-details .main ul li
{
   position: relative;
    padding: 0.2em 0;
}

.jobs-details .main ul li:before
{
    position: absolute;
    display: inline-block;
    --text-opacity: 1;
    color: #48c0e1;
    color: rgba(72,192,225,var(--text-opacity));
    content: "\2022";
    transform: translateX(-100%);
    padding-right: 1em;
}


.aside .card-body
{
    border: 0;
    border-radius: 0rem;    
    /*-webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
       -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);*/
}

.card-body .well
{
    min-height: 20px;
    margin-bottom: 20px;
    padding: 0;
    /*color: #FFF !important;*/

    border: 0;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.text-muted
{
    /*color: #FFF !important;*/
}

.jobs-details-apply .card-body
{
   
    border-radius: 0rem;    
    /*-webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);*/
}

.jobs-details-apply.card h3
{
    font-size: 2rem;
    font-weight: 700;
    margin-top: 0;
    text-transform: none;
    color: #224667 !important;
    border: 0;

}


/* LOGON */

.custom-control-label
{
    font-weight: 400;
}

.custom-control-label p
{
    margin-top: 0;
    padding: 0;
}

.custom-control
{
    position: relative;
    /*display: block;*/

    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-label::before {
    /*top: 0.35em;*/
}

.custom-control-label::before
{
    left: -1.5rem;

    width: 16px;
    height: 16px;
}

.custom-control-label::after
{
    left: -1.5rem;   
    width: 16px;
    height: 16px;
}

.alert.fade.show
{
    opacity: 1;
}


/* FORMS */

.c2a .card:not(.card--no-link):hover,
.c2a .card:not(.card--no-link):focus,
.apply-buttons-container .card:not(.card--no-link):hover,
.apply-buttons-container .card:not(.card--no-link):focus{
    box-shadow: none;
}

fieldset
{
    margin: 0;
    padding: 0;

    border: 0;
}


.col-form-label
{
    font-weight: 700;
    line-height: 1.5;
    text-transform: none;
    font-size: 1rem;
    color: #224667;
}

.custom-control-input:checked ~ .custom-control-label::before
{
    color: #fff;
    border-color: #224667;
    background-color: #224667;
}

.table th,
.table thead th
{
    vertical-align: bottom;

    border-bottom: 1px solid #e9e9e9;
}

.table tbody th.myjobsite-language-lx
{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.table td
{
    font-weight: 400;
}

.btn.pickfiles
{
    width: auto;
    color: #FFF;
    border: 2px solid rgb(72 192 225); 
     background-color: rgb(72 192 225);
    

    /*color: #fff;
    border-color: #224667;
    background: #224667;*/
}

.btn.pickfiles:hover
{
    color: #fff;
    background-color: rgb(72 192 225);
    opacity: 0.9;
    /*color: #fff;
    border-color: #333333;
    background-color: #333333;*/
}

a.btn.pickfiles:after{
    display: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle
{
    background-color: transparent;
    border: 0.1rem solid #989b4a;
    color: #224667;
}

/* LOGON */

ul#ulerrormessage{
    margin-top: 0;
    margin-bottom: 1rem;
        padding-inline-start: 40px;

}

.my-jobsite-logon-form.card-body
{
    padding: 30px;
}

.my-jobsite-logon-form label:not(.custom-control-label)
{
    font-size: 1rem;
    text-transform: none;
    font-weight: 700;
    color: #224667;
}


/* MY JOBSITE */

#leftMenu
{
    margin-bottom: 30px !important;

    border: 0;
    border-radius: 0rem;
    background: #fff;
    /*-webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
       -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);*/
}

.list-group-item
{
    font-weight: 400;

    text-decoration: none;
}

.list-group-item.active
{
    z-index: 2;

    color: #fff;
    border-color: #224667;
    background-color: #224667;
}

.row.myjobsite-breadcrumb h3
{
    font-weight: 700;
    font-size: 1rem;
    margin-top: 0;
    color: #224667;
    font-family: MuseoSansRounded, sans-serif;
    
}

.modules-myjobsite-history .card-body
{
    border: 0;
    border-radius: 0rem;    
    /*-webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
       -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);*/
}

.modules-myjobsite-history h3.title
{
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    color: #224667 !important;
}

.modules-myjobsite-history .text-muted
{
    color: #6c757d!important;
}

@media (min-width: 576px)
{
    .container
    {
        max-width: 100%;
    }
}

@media (min-width: 768px)
{
    .container
    {
        max-width: 100%;
    }
}

@media (min-width: 1200px)
{
    .container
    {
        max-width: 1536px;
    }

    footer .container
    {
        max-width: 1536px;
    }
}