#particles-js{
    background-color: #F7F7F7;
}

body {
    font-family: 'Poppins';
    font-weight: 200 !important;
}

#banner {
    background-image: url(../../../customs/creditagricole/img/banner.jpg);
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 500px;
}

#diffusion_description-label span,
#company_description-label span,
#diffusion_experience-label span {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    display: block;
}

#diffusion_description-label,
#company_description-label,
#diffusion_experience-label {
    padding-bottom: 2rem!important;
}

#company_description-label,
#diffusion_experience-label {
    padding-top: 3rem!important;
}



.login-aside .justify-content-between {
    justify-content: center !important;
}

#div_login_agents .submitBtn.btn.btn-primary {
    background: rgba(0, 149, 152, 1) !important;
    color: #ffffff !important;
}

.btn.btn-primary {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000;
}



.text-white{
    color: #000000 !important;
}

@media (min-width: 768px) {
    .menu-text{
        color: #000000 !important;
    }
}

.fa-user{
    color: #000000 !important;
}

.header {
    background: #ffffff !important;
    color: #000000;
}

div#kt_footer {
    background: #006A4E !important;
}

#kt_footer i.fa-map-marker,
#kt_footer .text-white.pb-3,
#kt_footer .text-white.m-0,
#kt_footer .text-white.mb-3,
#kt_footer p,
#kt_footer a
{
    color: #ffffff !important;
}

div#kt_footer i {
    color: #000000;
}

div#kt_content {
    background: #EEF0F8;
    color: #000000;
}

div#kt_subheader .text-white {
    color: #000000 !important;
}

.btn.btn-light-primary {
    color: #000000 !important;
    background: #ffffff !important;
}

.btn.btn-light-primary i{
    color: #000000 !important;
}

.puzzle-table-pagination a.active {
    background: #ffffff !important;
}

.puzzle-table-pagination a:hover {
    background: #ffffff !important;
    color: #000000;
}

.puzzle-table-limit {
    background: #ffffff !important;
    color: #000000 !important;
}

#kt_content .limit-selector select option{
	color: #000000!important;
	background-color: #ffffff;
}

div#kt_footer img.logo-sticky.max-h-35px {
    max-height: 55px !important;
}

.header .header-logo .logo-default {
    max-height: 55px !important;
}

.header .header-logo .logo-sticky {
    max-height: 55px !important;
}

#kt_header_menu .menu-item:hover a{
    background-color: rgba(0, 149, 152, 0.1);
    color: rgba(0, 149, 152, 1) !important;
}

#kt_header_menu .menu-item:hover a .menu-text{
    color: rgba(0, 149, 152, 1) !important;
}

#kt_header_menu .menu-item a {
    background-color: rgba(0, 149, 152, 1);
}

#kt_header_menu .menu-item a .menu-text{
    color: white !important;
}

#kt_header .topbar-item:hover .btn-hover-transparent-white{
    background-color: rgba(0, 149, 152, 0.1) !important;
}

#kt_header .topbar-item .text-white{
    color: #000000 !important;
}

#kt_header i{
    color: #000000 !important;
}

.subheader, #kt_content {
    background: #EEF0F8;
}

#container-background {
    background: #fff;
}

#kt_footer .opacity-75 {
    opacity: 1 !important;
}

#kt_content .btn-hover-primary:hover{
    background: #ffffff !important;
    color: #000000;
}

.btn.btn-light {
    border: none !important;
}

#single-info-cv .fileinput-button {
    background: rgba(0, 149, 152, 0.1) !important;
    color: #000 !important;
}

#single-info-cv .fileinput-button:hover {
    background: rgba(0, 149, 152, 1) !important;
    color: white !important;
}

#single-info-cv .fileinput-button i.glyphicon-plus{
    background: rgba(0, 149, 152, 0.1);
    color: #000!important;
}

#single-info-cv .fileinput-button:hover i{
    background-color: rgba(0, 149, 152, 1) !important;
    color: white !important;
}

.nav-tabs .nav-link.active {
    border-bottom: 3px solid #ffffff !important;
}

#kt_profile_aside .active {
    background: #ffffff !important;
}

.svg-icon svg g [fill] {
    fill: #ffffff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--main-txt-color);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: var(--btn-txt-color);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .btn {background-color: #3e8e41;}

/* A supprimer (règle le bouton blanc sur blanc du chatbot)*/
#div_chatbot_agents .submitBtn {
  color: #000000 !important;
  background-color: #F4F4F4 !important;
  border: 1px solid #006A4E !important;
  transition: background-color 0.3s, color 0.3s !important;
}

#div_chatbot_agents .submitBtn span, #div_chatbot_agents .submitBtn > span > i {
    background-color: transparent !important;
    color: #000000 !important;
}

#div_chatbot_agents .submitBtn:hover {
  background-color: #006A4E !important;
  color: #F4F4F4 !important;
}