/* BOSTIK - ARKEMA */
html,
    body {
        font-family: 'client';
        color:var(--ccolord) !important;
    }
    a:link,
    a:visited,
    a:active {
        color:var(--ccolord);
    }
    a:hover{
        color:var(--ccolorl);
    }
.centered-box {
    background-color:#FFFFFF;
    border: 2px solid var(--ccolord);
    border-radius: 0px 60px 0px 60px;
}
.logobox{
    font-size:12px;
    color:var(--ccolord);
    font-size: 14px;
}

.input_id {
    width: 350px;
    height: 30px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    font-size: 14px;
    border: 2px solid var(--ccolord);
    color:var(--ccolord);
}

.pull_id {
    width: 368px;
    height: 35px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    font-size: 14px;
    border: 2px solid var(--ccolord);
    color:var(--ccolord);
}
#btn_id{
    margin-top:20px;
    height: 36px;
    border-radius: 7px;
    font-size: 14px;
    border: 2px solid var(--ccolord);
    background-color:var(--ccolord);
    color: white;
}
*:focus {
    outline: none;
}
/* Main site */
.navbar{
    color:white;
    background-color:var(--ccolord);
        border-radius: 0px 40px 0px 40px;

}
.header{
    background-color: #FFFFFF;
    color:var(--ccolord);
    border-radius: 0px 40px 0px 40px;

}
.maincontent{
    background-color: #FFFFFF;
    border-radius: 0px 40px 0px 40px;


}
.logo{
    display: block;
    padding-top:20px;
    padding-left:40px;
}
.navigation{
    color:white;
    font-size:16px;
}
.my-input{
    border: 0px solid var(--ccolord);
    color: var(--ccolord);
}
.formfield {
    border: 0px solid var(--ccolord);
    color:var(--ccolord);

}
.formbutton {
    background-color:var(--ccolord);
}
.formbutton:hover {
    background-color:var(--ccolorl);
}

.formbuttonb:hover {
    background-color:var(--ccolorl);
}
.navigation:hover{
    color:var(--ccolorl);
}
/* Pagenumbers */
.pagenuml,
    .pagenums,
    .pagenumf {
    color:#FFF;
    background-color: var(--ccolorl);
    margin:2px;
}
.pagenuml[onclick]:hover,
.pagenums[onclick]:hover,
.pagenumf[onclick]:hover {
    background-color:var(--ccolord);
    color: #FFF;
}

.pnactive {
    background-color:var(--ccolord);
    color: #FFF;
}
/* Toggle slider */
.checkbox-slider [type="checkbox"]:checked~label {
    background:var(--ccolorl);
}
.container input:checked+.checkmark {
    background-color: var(--ccolorl);
}

.tip-trigger {
        background: var(--ccolorl);
    }

/* De globale tooltip */
.tooltip {
    background: var(--ccolord);

}

/* Tom select */

.ts-control .item {
    color: var(--ccolord);
}
.ts-dropdown .option {
    color: var(--ccolord);
}
.formfield[type="file"]::file-selector-button {
    color: #FFF;
    background: var(--ccolord);
}
.formfield[type="file"]::file-selector-button:hover {
    background: var(--ccolorl);
}
.ts-wrapper.single .ts-control input {
    color: var(--ccolord);
}
.ts-dropdown .no-results {
     color: var(--ccolord);
}
.ts-dropdown {
    border: 1px solid var(--ccolord) !important;
    background-color: #EEE;
}