@charset "UTF-8";
/*
Template Name: ikoyeba - login &Admin & Dashboard Template
Author: ikoyeba
Version: 2.2.0
Website: https://ikoyeba.com/
File: custom Css File after velzon
*/

/*--------login page*/
@font-face{font-family: "remixicon";src: url("../fonts/remixicon.eot");src: local("remixicon"), url("../fonts/remixicon.woff") format("woff");  }
:root{
    --fo-txt-color:#303030;
    --fo-lt-txt-color:#878a99;
    --fo-white-text:#fff;
    --fo-background-gradient:linear-gradient(165deg,#4db2ef,#c7e8f7 30%,#c7e8f7 60%,#34a2e5);
    --fo-color-primary:#ff8600;
    --fo-color-secondary:#0753c5;
    --fo-btn-primary:#ff8600;
    --fo-btn-primary-hover:#ff6c00;
    --fo-btn-secondary:#0753c5;
    --fo-btn-secondary-hover:#072bc5;
    --fo-card-shadow:4px 4px 5px rgba(56,65,74,.15);
    --fo-header-gradient:linear-gradient(90deg,rgba(63, 145, 193, 0.85),rgba(63, 145, 193, 0.65));
    --fo-users-header-gradient:linear-gradient(90deg,rgba(63, 145, 193, 0.9),rgba(63, 145, 193, 0.7));
    --fo-header-col-prim:#fa896b;
    --fo-soft-grey:#cbcbcb;
    --fo-txt-shadow:2px 1px 2px rgba(0,0,0,0.4);
    --fo-box-shadow: 2px 1px 3px rgba(0,0,0,0.3);
    --fo-bg-grey:#f1f1f1;

    /*color code btn*/
    --fo-success:#6ada7c;
    --fo-success-hover: #16bb30;
    --fo-success-rgb:106,218,125;
    --fo-del:#ee1d36;
    --fo-del-hover: #d7031d;
    --fo-del-rgb:238,29,54;
    --fo-admin-action:#2d5cbb;
    --fo-admin-action-hover: #0c41ab;
    --fo-admin-action-rgb:45,92,187;
    --fo-danger:#fa896b;
    --fo-danger-hover: #ce5232;
    --fo-danger-rgb:250,137,107;

    /*modif velzon couleur
    --vz-danger-rgb:*/
}
.fo-txt-w{color:var(--fo-white-text) !important;}
.fo-txt-shad{text-shadow:var(--fo-txt-shadow) !important;}
.fo-txt-noshad{text-shadow:none}
.fo-color-p{color:var(--fo-color-primary)}
.fo-color-s{color:var(--fo-color-secondary)}
.fo-bckg-p{background-color:var(--fo-color-primary)}
.fo-bckg-s{background-color:var(--fo-color-secondary)}
.fo-bg-w{background-color:#fff}
.fo-boxshadow{box-shadow: var(--fo-box-shadow)}
.fo-box-noshad{box-shadow: none;}
.fo-bg-soft-grey{background-color:var(--fo-soft-grey)}

.fo-sticky{position:absolute;width:fit-content}
/* btn > mini*/
.fo-mini {padding: 3px 8px;}

.fo-btn-del {
    --vz-btn-color: var(--fo-white-text);
    --vz-btn-hover-color: var(--fo-white-text);
    --vz-btn-bg: var(--fo-del);
    --vz-btn-hover-bg: var(--fo-del-hover);
    --vz-btn-active-color: var(--fo-white-text);
    --vz-btn-active-bg: var(--fo-del);
    --vz-btn-disabled-color: var(--fo-white-text);
    --vz-btn-disabled-bg: var(--fo-del);
}
.fo-btn-admin {
    --vz-btn-color: var(--fo-white-text);
    --vz-btn-hover-color: var(--fo-white-text);
    --vz-btn-bg: var(--fo-admin-action);
    --vz-btn-hover-bg: var(--fo-admin-action-hover);
    --vz-btn-active-color: var(--fo-white-text);
    --vz-btn-active-bg: var(--fo-admin-action);
    --vz-btn-disabled-color: var(--fo-white-text);
    --vz-btn-disabled-bg: var(--fo-admin-action);
}
.fo-bt-admin{background-color: var(--fo-admin-action) !important;}
.fo-bt-admin:before{background-color: rgba(12,65,171,0.8) !important;}
.fo-info-success{background-color:var(--fo-success)}
.fo-info-del{background-color:var(--fo-del)}
.fo-info-admin{background-color:var( --fo-admin-action)}
.fo-info-danger{background-color:var(--fo-danger)}

/*icon*/
.fo-big-icon{font-size:2rem;}
.fo-title-icon{font-weight: normal;}





.auth-bg-cover {background: var(--fo-background-gradient);}
.auth-bg-cover>.bg-overlay{background-image: url(../focaliz/img/cover-pattern.png);}
.dynContent{transition: all 500ms ease 0ms}
.logincontain .card{box-shadow: var(--fo-card-shadow); border-radius: 8px; overflow: visible !important;margin-bottom:5rem;}
.login{color:var(--fo-txt-color); font-family: "Poppins", sans-serif !important;font-weight:400 ;}
.midalign{margin:0 auto;}
.login-logo{display:block;margin:0 auto;max-width:90%;}
.login-baseline{font-size: 1rem;line-height: 1.3rem;font-weight: 500;}
/*form*/
.login .k-widget *{box-sizing: border-box;}
.login .k-form-fieldset{color:var(--fo-txt-color);}
.login .k-form-legend{text-align:center;padding-bottom:5px;margin-bottom:25px; border-color: var(--fo-color-primary); border-width: 0 0 1px;}
.login .k-label{display: none;}
.login .k-input{border:none;border-radius:6px;}
.login .k-input:focus{}
.login .k-input::before{content:"\eef3"; display:block; color:var(--fo-txt-color); font-family: 'remixicon' !important; border:1px solid #b7b7b7; border-radius: 6px 0 0 6px; border-right: none; background-color: #d7d7d7;padding:0.5rem 0.8rem}
.login .k-input input{border:1px solid #ffd7aa; border-radius: 0 6px 6px 0;border-left: none;}
.login .k-form-field:nth-child(3) .k-input::before{content:"\ee70";}
.login .k-form-buttons{margin:0; display:block;}
.login .k-form-buttons .btn{background-color: var(--fo-btn-primary); text-transform: uppercase;border:none;border-radius:6px;}
.login .k-form-buttons .btn:hover{background-color: var(--fo-btn-primary-hover);}
/*signup in login*/
.login .go-signup{position:absolute;top:95%;left:0;padding:1rem 0;width: 100%;}
.signup-bt{background: var(--fo-btn-secondary);padding: 10px 15px 10px 34px;color: #fff !important;text-transform: uppercase;border-radius: 6px;margin-left: 10px;}
.signup-bt i{font-size: 20px;position: absolute;left: 0;margin: 0 5px 0 9px;top: 2px;font-weight: normal;}
.signup-bt:hover{background-color: var(--fo-btn-secondary-hover);}
/*--------signup*/
.signup .k-input::before{content:"\eef3"}
.signup .go-login{position:absolute;top:95%;left:0;background-color: #fff;padding:1rem 0;width: 100%; border-radius: 12px;}
.login-bt{background:var(--fo-btn-secondary);padding: 10px 15px 10px 34px;color: #fff !important;text-transform: uppercase;border-radius: 6px;margin-left: 10px;}
.login-bt i::before{font-size: 20px;position: absolute;left: 0;margin: 0 5px 0 9px;top: 5px;font-weight: normal;}
/*signup verify*/
.signup-verify i::before{color:var(--fo-color-primary)}
.signup-verify .k-input::before{content: none; display:none; border:none; border-radius: none; background-color: none ;padding:none}
.signup-verify .k-input{border:1px solid #e7e7e7 !important;}
/*email verification succes*/
.signup-verify avatar-lg i::before{color:var(--fo-color-primary)}
.signup-verify button, .signup-verify a{margin:0; display:block;background-color: var(--fo-btn-primary); text-transform: uppercase;border:none;border-radius:6px;}
.signup-verify button:hover, .signup-verify a:hover{background-color: var(--fo-btn-primary-hover);}
/*setprofile*/
.setprofile .setBtn i{width:100%; color:var(--fo-color-primary); display:block;}
.setprofile .setBtn i:before{font-size:60px;}
.setprofile .setBtn button{border: 1px solid #e5e5e5; border-radius: 6px;}
.setprofile .setBtn button:hover{border-color: var(--fo-color-primary); background-color:#f7f7f7 !important; }
/* verify email*/
.signup-verify{}
/* passlost*/
.passlost .signup .k-input::before {content: "\eef3";}
/*.text-decoration-underline{color:var(--fo-color-secondary) !important;}*/
.k-form-fieldset{margin-top:10px;}
.pop-icon{font-size:5rem;color:var(--fo-color-primary);}
/*footer*/
.auth-bg-cover .footer, .auth-bg-cover .footer i{color:rgba(255,255,255,0.8) !important;}
/*------------------------answer------------------------*/
.answerheader .headercontain{background-position: bottom;}
.answerheader .btheader{background-color: #fff; line-height: 20px; padding: 0 8px;box-shadow:var(--fo-box-shadow)}
.answerheader .headercontain .text-secondary {color:var(--fo-header-col-prim) !important;}
.answerheader .headercontain .bg-secondary{background-color:var(--fo-header-col-prim) !important;}
.answerheader .right{right:0.3rem}
.answerheader .fo-statutstitle{width:auto;}
.answerheader .f-title{width:auto;flex:1 0 auto;justify-content:flex-end;margin-left:-1rem;padding-left:1rem;background-color:rgba(255,255,255,0.3) }
.answerheader .mybadge{border-radius:0 8px 8px 0; line-height:15px;}
.fo-checkbox-text-pointer{cursor:pointer;}
/*cas answer ? */
.answermain .nav-link{border-color: rgba(255,255,255,0.1); border-style: solid; border-width: 1px 1px 0px 1px; box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.1) !important;color:#fff !important;border-radius: var(--vz-nav-pills-border-radius) var(--vz-nav-pills-border-radius) 0 0;}
.answermain .nav-link.active{background-color: rgba(255,255,255,0.7) !important; color: #303030 !important;}
.answermain mark{padding:unset;background-color: unset;color:unset;}
.answermain .profile-nav .badge{margin-left:5px;}
.answermain .badge-icon{padding:3px;}
.answermain .fo-tabTitle{text-transform: uppercase; font-size:22px;}
/*navigation*/

.answerDynContent{margin-top:-3rem;}
.fo-requiredField{}
/*-------------------------answer EDIT------------------------*/
mark{padding:0 !important;background-color: unset !important;color: unset !important;}
.fo-n-step-ct{padding: 15px 10px; background-color: var(--fo-bg-grey);}
.admin-steps{}
.admin-steps a{color:var(--fo-lt-txt-color) !important;}
.admin-steps a.active{color:#fff !important;}
.bt-admin-step{}
.bt-admin-step:after{content: "\f10b";display: inline-block;font-family: 'remixicon' !important;color: var(--fo-admin-action);margin-left: 5px;text-align: center;font-size: 16px;}
.fo-adminStepBt:hover{background-color: rgb(83 164 209 / 26%);}
.fo-adminStepMenu{-webkit-box-shadow: 8px 0px 9px -10px rgba(0,0,0,.3); box-shadow: 8px 0px 9px -10px rgba(0,0,0,.3);border-right: 1px solid var(--vz-border-color);}
.fo-btAdminStepRepro{padding:0.5rem 1rem; color:#fff; background-color: var(--vz-nav-pills-link-active-bg);border-radius:0.25rem;}
.fo-fieldBadge{position:absolute;}
.fo-admin-requireField{position: absolute;top: 0;left: 0;text-wrap: wrap;height: 100%;width: 3rem;display: flex;justify-content: center;align-items: center;border-radius: 4px 0 0 4px;}
.fo-hsatck-all{display: inline-block;margin-right:1rem; width:fit-content;}
.fo-hsatck-50{display: inline-block;margin-right:1rem; width:48%;vertical-align: top;}
.fo-hsatck-break{display: block;}

/*-------------------------USERS PROFIL-------------------------------*/
.profile-wid-bg::before{display:none;}
.fo-profile-fill{width:40%}
.fo-avatar-header{}

/*---------- HEADER STYLE - GLOBAL ----------------------*/
.fo-header-reverse-btn{padding:3px 8px;color:#fff;transition: all 100ms ease 0ms;border-color: rgba(255,255,255,0.3); border-style: solid;  border-width: 0px 1px 1px 1px;box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1) !important;border-radius: 0 0 .25rem .25rem ;}
.fo-header-reverse-btn:before{background-color: rgba(255,255,255,.3);content: "";position: absolute; top: 0; width: 0;right: 0;height: 100%;-webkit-transition: width .4s cubic-bezier(.51,.18,0,.88) .1s;transition: width .4s cubic-bezier(.51,.18,0,.88) .1s;}
.fo-header-reverse-btn:hover{background-color: transparent!important; color:#fff !important;}
.fo-header-reverse-btn:hover::before {width: 100%; left: 0;}
.fo-header-reverse-btn:hover{}

/*nav*/
.fo-nav-link{border-color: rgba(255,255,255,0.1) !important; border-style: solid !important; border-width: 1px 1px 0px 1px !important; box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.1) !important;color:#fff !important;border-radius: var(--vz-nav-pills-border-radius) var(--vz-nav-pills-border-radius) 0 0 !important;}
.profile-nav .nav-link.active{background-color: rgba(255,255,255,0.7) !important; color: #303030 !important;}
.profile-nav.nav-pills .nav-link::before {background-color: rgba(255,255,255,.3);}


/*-----------------JSTREE------------------*/
.jstree-proton{font-family: var(--vz-body-font-family) !important;}
.jstree-proton .jstree-anchor{line-height: unset!important;height: unset!important;
    width: 100%;
    padding: 0.5rem 0.9rem;
    font-size: 1.1rem;
    font-weight: 400;
    font-style: normal!important;
    line-height: 1.5;
    color: var(--vz-heading-color)!important;
    border: 1px solid var(--vz-input-border);border-radius: 0.25rem;padding-left:35px !important;}
.jstree-proton .jstree-checkbox {float:right;}
.jstree-proton .jstree-themeicon{display:none !important;}
.jstree-proton .jstree-ocl{background: none !important;width:0 !important;height:0!important;line-height:unset !important;position: absolute;z-index: 10;}
.jstree-proton .jstree-ocl:after{font-family: 'remixicon' !important;display: block; content:"\ea4a";font-style:normal !important;font-size:20px;margin-top: 10px;margin-left: 10px; color: var(--vz-heading-color)!important;}
.jstree-proton > .jstree-no-dots .jstree-open > .jstree-ocl:after {content:"\ea72";}
.jstree-proton > .jstree-no-dots .jstree-closed > .jstree-ocl:after{content: "\ea4a";}
.jstree-proton > .jstree-no-dots .jstree-leaf > .jstree-ocl:after{content: "\ea11";}
.jstree-proton > .jstree-no-dots .jstree-children .jstree-ocl:after{}
.jstree-proton .jstree-hovered{background:#f0f8ff !important;box-shadow: none !important;}
.jstree-proton .jstree-disabled{background: inherit}
.jstree-proton .jstree-anchor > .jstree-undetermined:hover {background-position: -197px -5px;}
.jstree-proton.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-proton .jstree-checked > .jstree-checkbox:hover {background-position: -229px -5px !important;}
.jstree-proton .jstree-checkbox:hover {background-position: -197px -5px !important;}
/*----------------fin--------------*/
/* alert message */
.fo-alert-warning{padding:5px 10px; background-color:var(--fo-danger); color:#fff;width:fit-content;border-radius:6px; margin-top:10px;font-weight: 600;display: inline-block; }
.fo-fakebt{}

/*info bulle
.fo-info-bulle{visibility: hidden; width: auto;background-color:rgba(var(--vz-dark-rgb));color:#fff;text-align: center;border-radius: 6px;padding:5px 0; position: absolute;z-index: :1;}
.fo-info-bulle::after{content:"";border-left:20px solid transparent;border-right:20px solid transparent;border-top: 20px solid rgba(var(--vz-dark-rgb));position: absolute;}
i:hover .fo-info-bulle {visibility: visible;}*/


/* hack chrome input selected/focus */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{box-shadow: 0 0 0 1000px white inset !important; -webkit-text-fill-color: #333 !important; transition: background-color 0s 600000s, color 0s 600000s !important;}

@media (max-width: 600px){
    .swiper-horizontal .swiper-wrapper{flex-direction: column !important; gap:1rem;}
    .fo-swiper-nav{display:none!important;}
}
@media (max-width: 900px){
    .fo-bloc-mobil-center{flex:0 0 auto;margin-left:auto;margin-right:auto;}
    .text-mobil-center{text-align:center;}
    .fo-mob-none{display:none!important;}
}
@media (min-width: 950px) {
    .fo-md-inline-block {display: inline-block !important;}
}
@media (max-width:950px){
    /*.answermain .nav-link i{font-size:20px !important;}*/
    .mymenu .nav-link i{font-size:20px !important;}
}
@media (max-width: 1200px){
    .fo-hsatck-all{display: block;margin-right:0; width:100%;}
    .fo-hsatck-50{display: block;margin-right:0; width:100%;}
}
@media (max-width:600px){
    .answerheader .fo-statutstitle{flex-direction: column;}
    .answerheader .fo-sticky{position: absolute;top:10px;right:0;}
    /*responsive : delete all containers left-right padding - re assign to header - for a all width content on mobile */
    .page-content{padding-right:0;padding-left:0}
    .container-fluid{padding-right:0;padding-left:0}
    .fo-header{padding-right:1.5rem;padding-left:1.5rem}
    .mymenu{padding-right:1rem;padding-left:1rem}
}