/*

    OTYS PORTAL 2019
    COLOR = #3baf6a

*/

/* ADD TO GLOBAL AFTERWARDS - START */
/* .cvInTextHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cvInTextHeader h2.subHeader,
.cvInTextHeader .button { margin-bottom: 0 !important; }
.cvInTextHeader  { margin-bottom: 20px; }
.custCandDetail .print.button i { font-weight: 400; }
.custCandDtlTextContainer .photo1 { border-radius: 0 !important; }
.noteEmpty { margin-bottom: 15px; display: block; }
.custCandDetail .noteHistoryOuter { display: none; } */

/* ADD TO GLOBAL AFTERWARDS - END*/



/*

BUTTONS

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


/*

INPUTS

*/
input[type=radio]:after {
    background: #3baf6a;
}
input[type=radio]:checked {
    border: 1px solid #3baf6a;
}
input[type=checkbox]:checked {
	background-color: #3baf6a;
	border: 1px solid #3baf6a;
}
.formInput.formSmallInput.aplFileButton > div > a, .formInput.formSmallInput.aplMFileLink.aplFileButton > label.labelFile > a {
    color: #3baf6a;
}
.aplMCheckContainer.formCheckboxContainer span {
    color: #3baf6a;
}
.aplMCheckContainer.formCheckboxContainer span input[type=checkbox]:after {
    color: #3baf6a;
}
.aplMCheckContainer.formCheckboxContainer span input[type=checkbox]:hover {
    background-color: #3baf6a17;
    border: 1px solid #3baf6a;
}
.aplMCheckContainer.formCheckboxContainer span input[type=checkbox]:checked {
    background-color: #3baf6a;
    border: 2px solid #3baf6a;
}


/*

BACK BUTTON

*/
.backToWebsite a,
.backToPage input {
    background: #3baf6a;
    box-shadow: 1px 1px 17px #3baf6a40;
}
.backToWebsite a:hover,
.backToPage input:hover {
    box-shadow: 1px 1px 17px #3baf6ab8!important;
}


/*

OTYSSELECT

*/
.optionHolder > .option.selected,
.otysSelectInner.count.filled > span.counter,
.inputBox .selectedItems >  div {
    background-color:#3baf6a;
}
@media only screen and (min-width:768px) {
    .optionHolder > .option:hover{
        background-color: #3baf6a99;
    }
}


/*

PROFILE COMPLETENESS

*/
div#pb_bar {
    background: #3baf6a;
}


/*

TITLES

*/
.hookHeader.jslTitle {
    background-color: #3baf6a;
}


/*

SLICK SLIDER

*/
ul.slick-dots > li.slick-active, ul.slick-dots > li:hover {
    background-color: #3baf6a;
}


/*

QSPAGE INDICATOR

*/
.pageIndicator a.pageLink {
    color: #3baf6a;
}
.pageIndicator a.pageLink.currentPage span {
    background: #3baf6a;
}
.pageIndicator a.pageLink.checked span {
    background: #3baf6a;
}
.pageIndicator a.pageLink.checked span:before {
    background: #3baf6a;
}


/*
DOSSIER
*/
.outer.dossier.dossierList .intro ul li a {
    background-color: #3baf6a;
}


/*

WEBSHOP

*/
table.cashInTbl span.infoIcon{
    color: #3baf6a;
}


/*

REFERRER

*/
.outer.referCandidate .menuLink a,
.outer.referVacancy .menuLink a {
    background: #3baf6a;
    box-shadow: 1px 1px 17px #3baf6a40;
}
.outer.referCandidate .menuLink a:hover,
.outer.referVacancy .menuLink a:hover {
    box-shadow: 1px 1px 17px #3baf6ab8!important;
    filter: brightness(1);
}


/*

JOBLIST

*/
.outer.custOuter.custJblOuter .itemFooterWord.iFWcandListNew a {
    background-color: #3baf6a;
}
.outer.custOuter.custJblOuter .itemFooterWord.iFWcandListNew a:hover {
    filter: brightness(1)!important;
    background-color: #3baf6ade;
}


/*

STATISTICS GRAPH

*/
.graphItem .bar.barViews{
    background:#3baf6a;
    opacity:0.8;
}
.graphItem .bar.barApplications{
    background:#3baf6a;
    opacity:0.6;
}
.graphItem .bar.barExternalApplications{
    background:#3baf6a;
    opacity:0.4;
}
.graphItem .bar.barMails{
    background:#3baf6a;
    opacity:0.2;
}
.graphButtons.buttonContainer > .button {
    border: 1px solid #3baf6a;
    background: #3baf6aa8;
    box-shadow: inset 3px 2px 5px 0px #3baf6a70;
}
.graphButtons.buttonContainer > .button.active{
    border: 1px solid #3baf6a;
    background: #3baf6a;
    box-shadow: 1px 1px 17px #3baf6a40;
}


/*

CUSTOMER DETAIL

*/
.LMPCandDetailUpload span a {
    color: #3baf6a;
}