@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


body.instance_Epargnissimo.sidebar-collapse, body.instance_ActLifeDemo.sidebar-collapse {
    width: 100%;
    margin-left: 0;
}

header#top-menu-bar .page_title {
    font-size: 20px !important;
    color:#fda322 !important;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

body.instance_Epargnissimo .global_side_menu_container .logo_container .logo {
    padding:0px;
    height: 36px;
    display: flex;
    transition: height ease 0.5s;
}
body.instance_Epargnissimo .global_side_menu_container:hover .logo_container .logo {
    height: 46px;
}

/* List pagination color */
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #fda322;
    border-color: #fda322;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li:hover > a {
    color:#fda322;
}

/* Menu */
.skin-black #top-menu-bar.main-header {
    box-shadow: 0 0px 0px 1px #cfab4f;
}


/* Modification du style des listes (inversement du blanc et gris comme sur Ithaque) */
.content,
.content-wrapper {
    /* background des listes */
    background: #fff !important;
}
.table-striped > tbody > tr > td, .table-striped > tbody > tr > th {
    /* couleur des éléments de listes */
    background-color: #FAFAFA !important;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /* couleur des bordures des listes */
    border-bottom: 10px solid #fff !important;
}
.list_wrap .box-footer {
    /* background des batch actions */
    background: #fff !important;
}
.list_wrap .box-footer .pull-left .checkbox + div a,
.list_wrap .box-footer .pull-left .checkbox {
    /* boutons de batch actions */
    background: white !important;
}
/* légende bas de page */
.list_wrap .legend_wrap {
    box-shadow:0px 0px 0px 2px inset #f0f0f0;
}
.list_wrap .legend_wrap .legend_header_wrap {
    border:0px;
}

/* Status des propositions (proposal/list) */
.list_proposal_status.completed {
    box-shadow: 0px 0px 0px 1px inset #00d38c;
    background: #e7fff7;
}
.list_proposal_status.completed .status_step {
    box-shadow: 0px 0px 0px 1px inset #00d38c;
}

/* Listes : titre et description */
.header_global section.list-header-intro {
    margin-top:50px;
    width:600px;
}
.header_global section.list-header-intro h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    color:#025fab;
    font-weight: 600;
}
.header_global section.list-header-intro p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color:#868e96;
}
.header_global section.list-header-intro p strong{
    color:#025fab;
    font-weight: 600;
}


/* Header Alpheys Global */
header#Alpheys-header {
    height: 125px;
    width:100%;
    background-color:#eaeaf2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0px 48px 0px 48px;

}
#Alpheys-header img {
    height:55px;
}

#Alpheys-header .actions-wrap {
    display: flex;
}

#Alpheys-header .btn-header {
    height: 56px;
    padding:0px 16px 0px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:transparent;
    user-select: none;
    cursor: pointer;
}
#Alpheys-header .actions-wrap > .btn-header{
    margin-right:20px;
}


#Alpheys-header .btn-header:hover {
    background:#F5F5F5;
}
#Alpheys-header .btn-header:active,
#Alpheys-header .btn-header:focus {
    background:#DDE4EB;
}
#Alpheys-header .btn-header img.icone-custom {
    width:20px;
    height: 20px;
    user-select: none;
}
#Alpheys-header .btn-header p {
    font-weight: 400;
    font-family: "Poppins";
    user-select: none;
    margin-left:10px;
    color:#025fab;
}

#Alpheys-header #user-menu {
    width:auto;
    height: 56px;
    position: relative;
}
#user-menu .user-btn {
    padding:16px 8px 16px 9px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:#fda322;
    user-select: none;
    cursor: pointer;
}
#user-menu .user-btn:hover {
    background:#2A2A2A;
}
#user-menu .user-btn:active,
#user-menu .user-btn:focus {
    animation-name:btn-user-click;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-duration: 500ms;
}
@keyframes btn-user-click {
    0% {
        background:#2A2A2A;
    }
    30% {
        background:#505050;
    }
    70% {
        background:#505050;
    }
    100% {
        background:#2A2A2A;
    }
}

#user-menu .user-btn img.icone-chevron {
    transform:rotate(0deg);
    transition:transform ease 0.3s;
}
#user-menu .user-btn.active img.icone-chevron {
    transform:rotate(180deg);
}
#user-menu .user-btn p {
    margin-right:27px;
    margin-left:13px;
    color:white;
    font-size: 16px;
}
#user-menu .user-dropdown {
    position: absolute;
    top:56px;
    background:white;
    padding-top:8px;
    padding-bottom:8px;
    width:100%;
    z-index: 3;
    box-shadow:0 15px 15px #6f6e6e1c;
    display: none;
}
#user-menu .user-dropdown .dropdown-item {
    width:100%;
    height: 48px;
    display: flex;
    align-items: center;
    padding:0px 11px;
    cursor:pointer;
    min-height: 48px;
}
#user-menu .user-dropdown .dropdown-item:hover {
    background:#F5F5F5;
}
#user-menu .user-dropdown .dropdown-item:active {
    animation-name:btn-dropdown-click;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-duration: 500ms;
}
@keyframes btn-dropdown-click {
    0% {
        background:#F5F5F5;
    }
    30% {
        background:#DDE4EB;
    }
    70% {
        background:#DDE4EB;
    }
    100% {
        background:#F5F5F5;
    }
}
.user-dropdown .dropdown-item img.icone-custom {
    width:20px !important;
    height: 20px !important;
    user-select: none;
}
.user-dropdown .dropdown-item p {
    color:#025fab;
    font-size:14px;
    font-weight: 4OO;
    margin-left:10px;
    user-select: none;
    font-family:"Poppins";
}


/* Modificaiton des thèmes des boutons */
body.instance_Epargnissimo .btn_stroked,
body.instance_Epargnissimo .btn_filled
{
    border-radius:0px !important;
    height: 50px;
    box-shadow:inset 0px 0px 0px 1px #000000;

}
body.instance_Epargnissimo .btn_stroked p{
    color: #000000;
}
body.instance_Epargnissimo .btn_filled p
{
    font-size: 15px;
    font-weight: 600 !important;
}


/* Bouton "démarrer souscription" sur la liste clients */
body.instance_Epargnissimo .start_new_sub_CTA {
    box-shadow:inset 0px 0px 0px 1px #000000;
    height: 40px;
    font-size: 14px;
}
body.instance_Epargnissimo .start_new_sub_CTA p,
body.instance_Epargnissimo .start_new_sub_CTA i{
    color: #000000;
}

body.instance_Epargnissimo .start_new_sub_CTA:hover {
    background:#2A2A2A;
}
body.instance_Epargnissimo .start_new_sub_CTA:focus
body.instance_Epargnissimo .start_new_sub_CTA:active{
    background:#505050;
}

/* Dashboard */
.dashboard_bloc.dash_generic {
    box-shadow: 0 0px 0px 1px inset #d4d4d4;

}
.dashboard_bloc .action_bloc:not(.simulation) {
    box-shadow: 0 0px 0px 1px inset #025fab;
}