@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;
}


/*

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 );
}