/* couleur principal de l'application */
/* Background principal de l'app */
/* Background principal de l'app */
/* Background RGB pour le shadow des popup */
/* Background couleur principal du container content-page */
/* couleur des titres */
/* couleur principal de l'application */
/**** POP UP BG ******/
/* line 10, color-app.scss */
.modal {
  background-color: rgba(33, 86, 163, 0.5); }

/**** POP UP BG ******/
/* line 16, color-app.scss */
.head_app_top {
  background: #2156A3 !important; }

/* line 20, color-app.scss */
.formsearchwall form input {
  border-left: 1px solid #2156A3 !important; }

/* line 24, color-app.scss */
.formsearchwall form button {
  background: #2156A3 !important; }

/* line 28, color-app.scss */
.btn-see-plus {
  background: #2156A3 !important; }

@media (max-width: 500px) {
  /* line 33, color-app.scss */
  .topbar-right-menu .li-group {
    background: #2156A3 !important; }

  /* line 36, color-app.scss */
  .topbar-right-menu .li-group.opening:before {
    border-color: transparent transparent #2156A3 transparent !important; } }
/* line 41, color-app.scss */
.box_card_search .box_result h3 a {
  color: #2156A3 !important; }

/* line 45, color-app.scss */
.box_result .images h2 {
  color: #2156A3 !important; }

/* line 49, color-app.scss */
.contactsgroup .list-contacts .contact .icon {
  color: #2156A3 !important; }

/* line 53, color-app.scss */
.contactsgroup .contacts .alphabets a {
  border: 1px solid #2156A3 !important; }

/* line 56, color-app.scss */
.contactsgroup .contacts .alphabets a:hover {
  background: #2156A3 !important; }

/* line 60, color-app.scss */
.types_slider span {
  background-color: #2156A3 !important; }

/* line 63, color-app.scss */
.types_slider span.selected {
  border: 2px solid #2156A3 !important;
  color: #2156A3 !important; }

/* line 68, color-app.scss */
.rs_btns .button {
  border: 1px solid #2156A3 !important;
  color: #2156A3 !important; }

/* line 72, color-app.scss */
.rs_btns .button.liked {
  background: #2156A3 !important; }

/* line 81, color-app.scss */
#mp-menu .mp-level-open {
  background-color: #2156A3 !important; }

/* line 85, color-app.scss */
.detaillistabo-content:hover {
  background: #2156A3 !important; }

/* line 89, color-app.scss */
.selected-abo-icon {
  color: #2156A3 !important; }

/*  header-box CSS */
/* line 94, color-app.scss */
.header-box {
  background-color: #2156A3; }

/* line 98, color-app.scss */
.nom-collaborateurs {
  color: #2156A3 !important; }

/* line 102, color-app.scss */
.top-collaborateurs-infos .fas {
  color: #2156A3 !important; }

/* line 106, color-app.scss */
.btn-outline-secondary {
  background-color: #2156A3 !important; }

/* line 110, color-app.scss */
.info-abo-listin-1:hover {
  background: #2156A3 !important; }

/* line 114, color-app.scss */
.icon-app-blue a {
  color: #2156A3 !important; }

/* line 118, color-app.scss */
.icon-app-detail a {
  color: #2156A3 !important; }

/* line 122, color-app.scss */
.boxsel:before {
  background: #2156A3 !important; }

/* line 127, color-app.scss */
.paframheadgrp {
  background: #2156A3 !important; }

/* line 131, color-app.scss */
.centregrp {
  color: #2156A3 !important; }

/* line 135, color-app.scss */
.bottomgrp span i {
  color: #2156A3 !important; }

/* line 142, color-app.scss */
.content-page-background {
  background: #f4f4fb !important; }

/* line 149, color-app.scss */
.tit-col-color a {
  color: #455a64 !important; }

/* line 153, color-app.scss */
.tit-col-color {
  color: #455a64 !important; }

/* line 160, color-app.scss */
.section-collaborateurs-collabo .modal {
  background-color: rgba(33, 86, 163, 0.5); }

/* line 164, color-app.scss */
.section-collaborateurs-add-colla .modal {
  background-color: rgba(33, 86, 163, 0.5); }

/* line 171, color-app.scss */
.headpop-colla {
  height: 40px;
  line-height: 30px;
  background: #2156A3 !important;
  text-align: left;
  color: #ffffff;
  padding: 5px;
  text-transform: uppercase; }

/* Style buttons tab */
/* line 186, color-app.scss */
.tab1 button {
  color: #2156A3; }

/* Change background color buttons hover */
/* line 191, color-app.scss */
.tab1 button:hover {
  background-color: #407acf;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* line 196, color-app.scss */
.tab1 button:hover::after {
  background-color: #407acf;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* active/current buttons */
/* line 203, color-app.scss */
.tab1 button.active {
  background-color: #2156A3;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* line 208, color-app.scss */
.tab1 button.active::after {
  background-color: #2156A3;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* Style buttons tab */
/* line 216, color-app.scss */
.tabMenublock1 button {
  color: #2156A3; }

/* Change background color buttons hover */
/* line 221, color-app.scss */
.tabMenublock1 button:hover {
  background-color: #407acf;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* line 226, color-app.scss */
.tabMenublock1 button:hover::after {
  background-color: #407acf;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* active/current buttons */
/* line 233, color-app.scss */
.tabMenublock1 button.active {
  background-color: #2156A3;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* line 238, color-app.scss */
.tabMenublock1 button.active::after {
  background-color: #2156A3;
  -webkit-transition: background 1s;
  /* For Safari 3.0 to 6.0 */
  transition: background 1s;
  /* For modern browsers */ }

/* Tree */
/* line 245, color-app.scss */
.tree-icon-plus {
  color: #2156A3 !important; }

/* line 248, color-app.scss */
.tree-icon-plus:hover {
  color: #2156A3 !important; }

/* line 251, color-app.scss */
.tree-icon-modification-detail {
  color: #2156A3 !important; }

/* line 254, color-app.scss */
.tree-icon-modification-detail:focus, .tree-icon-modification-detail:active {
  color: #2156A3 !important; }

/* line 257, color-app.scss */
.tree-icon-modification-detail:hover {
  color: #2156A3 !important; }

/* Tree */
/* line 262, color-app.scss */
#progressbar li.active:before,
#progressbar li.active:after {
  background: #2156A3 !important; }

/* line 271, color-app.scss */
.btn-primary {
  background-color: #407acf !important;
  border: 1px solid #407acf !important; }

/* SCROLL */
/* line 277, color-app.scss */
.uiList_Notif::-webkit-scrollbar-thumb, .apps-all-list::-webkit-scrollbar-thumb, .detaillistabo::-webkit-scrollbar-thumb, #chat-messages::-webkit-scrollbar-thumb, #friends::-webkit-scrollbar-thumb, .detaillistabo::-webkit-scrollbar-thumb {
  background: #2156A3 !important; }

/* SCROLL */
/* CHAT GLOBAL */
/* line 284, color-app.scss */
.tabchatglobal1 button {
  color: #2156A3 !important;
  border-bottom: 3px solid #2156A3 !important; }

/* line 289, color-app.scss */
.friend img {
  border: 3px solid #2156A3 !important; }

/* line 292, color-app.scss */
.floatingImg {
  border: 3px solid #2156A3 !important; }

/* line 295, color-app.scss */
#profile p {
  color: #2156A3 !important; }

/* line 299, color-app.scss */
#chat-messages .message img {
  border: 3px solid #2156A3 !important; }

/* line 302, color-app.scss */
.cx, .cy {
  background: #2156A3 !important; }

/* CHAT GLOBAL */
/* ************************* MENU SIDE BAR LEFT *****************************  */
/* line 308, color-app.scss */
.mp-menu .mp-level-open ul li > a:hover {
  color: #2156A3 !important; }

/* line 311, color-app.scss */
.mp-menu ul li:hover::before {
  color: #2156A3 !important; }

/* ************************* MENU SIDE BAR LEFT *****************************  */
/* line 317, color-app.scss */
.btnaborech {
  color: #2156A3 !important; 
}

/* line 321, color-app.scss */
.active-menu {
  background-color: #fafafa;
  color: #2156A3 !important; 
}
.mp-pushed .active-menu {
    background-color: none !important;
}

.mp-menu ul li:hover::before{
  z-index: 99999;
}