/*--------------------------------------------------------------------------*\
	Custom css related to Nespresso and cancel framework behaviours
\*--------------------------------------------------------------------------*/

.sidebar {
    /*box*/
    max-width:240px !important;
    min-width: auto !important;
}

.sidebar__nav{
    /*box*/
    padding:15px;
}

.sidebar__menu>.sidebar__menu-item{
    /*box*/
    margin-bottom:10px !important;
}

.sidebar__home{
    /*box*/
    margin-bottom:30px !important;
}

.sidebar__home-logo{
    /*box*/
    height:20px;
    width:auto !important;
}

.sidebar__home-description {
    /*text*/
    font-size: var(--fs-sm) !important;
}

/*--------------------------------------------------------------------------*\
	Select in the breadcrump
\*--------------------------------------------------------------------------*/

.breadcrumb .control__field {
    /*background*/
    background-color: var(--c-tertiary-4) !important;
}

.breadcrumb .control__select {
    /*text*/
    color: var(--c-cta-2) !important;
    font-size: var(--fs-tn) !important;
    font-weight: var(--fw-bold) !important;
}

/*--------------------------------------------------------------------------*\
	File import
\*--------------------------------------------------------------------------*/

.control__field--file {
    /*background*/
    background-color: var(--c-tertiary-4) !important;

    /*border*/
    border-radius: 20px !important;
    border:2px dashed var(--c-primary-5) !important;
}

.control__file-icon {
    /*box*/
    height:70px !important;
    width:70px !important;
    padding:15px !important;

    /*background*/
    background-color: var(--c-quaternary-4) !important;
    fill:var(--c-cta-2) !important;

    /*border*/
    border-radius: 50% !important;
}

.control__file-label {
    /*box*/
    margin-bottom: 20px !important;
}

/*--------------------------------------------------------------------------*\
	Rule
\*--------------------------------------------------------------------------*/

input[data-rule-item]:not(:checked)+label:hover,
input[data-rule-item]:checked+label {
    /*box*/
    cursor:pointer;

    /*background*/
    background-color:  var(--c-cta-5);
}

.tab-switcher__menu {
    /*box*/
    justify-content: center !important;
}

/*--------------------------------------------------------------------------*\
	Progress bar
\*--------------------------------------------------------------------------*/

.progress-bar {
    /*box*/
    height:7px !important;

    /*border*/
    border:none !important;

    /*background*/
    background-color: var(--c-tertiary-3) !important;
}

.progress-bar::after {
    /*box*/
    display:none !important;
}

.progress-bar::before {
    /*box*/
    min-width: 1% !important;
}