@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap');

/*

    OTYS PORTAL 2019
    COLOR = rgba(var(--color1), 1)

*/

body
 {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}

.aplMCApplic,
.aplMCStored,
.aplMCFav,
.savedNetworkPages {
    display: none;
}

/*

BUTTONS

*/
button,.button, .btn,input[type=submit],input[type=button]{
    background-color: rgba( var(--color1) , 1 );
}
button:hover,.button:hover, .btn:hover,input[type=submit]:hover,input[type=button]:hover{
    filter: brightness(1)!important;
    background-color: rgba( var(--color1) , 0.8 );
}
.outer.referCandidate .menuLink a, .outer.referVacancy .menuLink a, .outer.custOuter.spOuter.spVacsOuter .menuLink a, .outer.custOuter.supplOuter .menuLink a {
    background: rgba( var(--color1) , 1 );
}


/*

INPUTS

*/
input[type=radio]:after {
    background: rgba( var(--color1) , 1 );
}
input[type=radio]:checked {
    border: 1px solid var(--color1);
}
input[type=checkbox]:checked {
	background-color: rgba( var(--color1) , 1 );
	border: 1px solid var(--color1);
}
.formInput.formSmallInput.aplFileButton > div > a, .formInput.formSmallInput.aplMFileLink.aplFileButton > label.labelFile > a {
    color: rgba( var(--color1) , 1 );
}
.aplMCheckContainer.formCheckboxContainer span {
    color: rgba( var(--color1) , 1 );
}
.aplMCheckContainer.formCheckboxContainer span input[type=checkbox]:after {
    color: rgba( var(--color1) , 1 );
}
.aplMCheckContainer.formCheckboxContainer span input[type=checkbox]:hover {
    background-color: rgba( var(--color1) , 0.8 );
    border: 1px solid var(--color1);
}
.aplMCheckContainer.formCheckboxContainer span input[type=checkbox]:checked {
    background-color: rgba( var(--color1) , 1 );
    border: 2px solid var(--color1);
}


/*

BACK BUTTON

*/
.backToWebsite a,
.backToPage input {
    background: rgba( var(--color1) , 1 );
    box-shadow: 1px 1px 17px rgba( var(--color1) , 1);
}
.backToWebsite a:hover,
.backToPage input:hover {
    box-shadow: 1px 1px 17px rgba( var(--color1) , 0.8 ) !important;
}


/*

OTYSSELECT

*/
.optionHolder > .option.selected,
.otysSelectInner.count.filled > span.counter,
.inputBox .selectedItems >  div {
    background-color: rgba( var(--color1) , 1 );
}
@media only screen and (min-width:768px) {
    .optionHolder > .option:hover{
        background-color: rgba( var(--color1) , 0.8 );
    }
}


/*

PROFILE COMPLETENESS

*/
div#pb_bar {
    background: rgba( var(--color1) , 1 );
}


/*

TITLES

*/
.hookHeader.jslTitle {
    background-color: rgba( var(--color1) , 1 );
}


/*

SLICK SLIDER

*/
ul.slick-dots > li.slick-active, ul.slick-dots > li:hover {
    background-color: rgba( var(--color1) , 1 );
}


/*

QSPAGE INDICATOR

*/
.pageIndicator a.pageLink {
    color: rgba( var(--color1) , 1 );
}
.pageIndicator a.pageLink.currentPage span {
    background: rgba( var(--color1) , 1 );
}
.pageIndicator a.pageLink.checked span {
    background: rgba( var(--color1) , 1 );
}
.pageIndicator a.pageLink.checked span:before {
    background: rgba( var(--color1) , 1 );
}


/*
DOSSIER
*/
.outer.dossier.dossierList .intro ul li a {
    background-color: rgba( var(--color1) , 1 );
}


/*

WEBSHOP

*/
table.cashInTbl span.infoIcon{
    color: rgba( var(--color1) , 1 );
}


/*

REFERRER

*/
.outer.referCandidate .menuLink a,
.outer.referVacancy .menuLink a {
    background: rgba( var(--color1) , 1 );
    box-shadow: 1px 1px 17px rgba( var(--color1) , 1 );
}
.outer.referCandidate .menuLink a:hover,
.outer.referVacancy .menuLink a:hover {
    box-shadow: 1px 1px 17px rgba( var(--color1) , 0.8 ) !important;
    filter: brightness(1);
}


/*

JOBLIST

*/
.outer.custOuter.custJblOuter .itemFooterWord.iFWcandListNew a {
    background-color: rgba( var(--color1) , 1 );
}
.outer.custOuter.custJblOuter .itemFooterWord.iFWcandListNew a:hover {
    filter: brightness(1)!important;
    background-color: rgba( var(--color1) , 0.8);
}


/*

STATISTICS GRAPH

*/
.graphItem .bar.barViews{
    background: rgba( var(--color1) , 1 );
    opacity:0.8;
}
.graphItem .bar.barApplications{
    background: rgba( var(--color1) , 1 );
    opacity:0.6;
}
.graphItem .bar.barExternalApplications{
    background: rgba( var(--color1) , 1 );
    opacity:0.4;
}
.graphItem .bar.barMails{
    background: rgba( var(--color1) , 1 );
    opacity:0.2;
}
.graphButtons.buttonContainer > .button {
    border: 1px solid var(--color1);
    background: var(--color1)a8;
    box-shadow: inset 3px 2px 5px 0px rgba( var(--color1), 1 );
}
.graphButtons.buttonContainer > .button.active{
    border: 1px solid var(--color1);
    background: rgba( var(--color1) , 1 );
    box-shadow: 1px 1px 17px rgba( var(--color1), 0.8 );
}


/*

CUSTOMER DETAIL

*/
.LMPCandDetailUpload span a {
    color: rgba( var(--color1) , 1 );
}


/* ___________________________________________________________________________ Cookiebanner */

.cktext a {
    color: #fff;
    text-decoration: underline;
}
.ckOuter{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, .85);
    padding: 20px;
    z-index: 902;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    transition: 0.5s;
}
.ckOuter.closing{
    -webkit-transform: translateY(100%) !important;
        -ms-transform: translateY(100%) !important;
            transform: translateY(100%) !important;
}
.ckOuter .ckwrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-content: space-between;
}
.ckOuter .ckwrap .button{
    margin: 0;
}
.ckOuter .cookieBtns{
    padding: 0 0 0 15px;
}

@media (max-width: 580px){
    .ckOuter .ckwrap {
        flex-direction: column;
    }
    .cktext {
        margin-bottom: 10px;
        text-align: center;
    }
}