.if-ng { --primary: #482882; --secondary: #6946aa; --alternate: #6946aa; --warning: #ffb333; --accent: #414d5a; --text-color: #5f5e5e; --danger: #f0392b; --success: #339536; --admin: #c80092; --cold-1: #0bdedb; --cold-2: #0c5f7a; --cold-3: #5cc8fb; --cold-4: #006997; --cold-5: #0bd498; --cold-6: #5ede72; --hot-1: #dd6000; --hot-2: #f5f540; --hot-3: #ebe31a; --hot-4: #ccad16; --hot-5: #e51a0b; --hot-6: #ea5a4f; --hot-7: #c96885; --hot-8: #ea8f9b; --hot-9: #f77ba0; --hot-10: #f29bb5; --hot-11: #af2a20; --hot-12: #d33328; --neutral-1: #f0f0f0; --neutral-2: #e9e9e9; --neutral-3: #e2eaf5; --neutral-4: #cad9ed; --variable-color-1: var(--neutral-3); --variable-color-2: var(--neutral-4); --variable-color-3: #1a2d4b; --variable-color-4: var(--primary); --variable-color-5: var(--neutral-3); --logo-background: var(--secondary); --menu-background: var(--secondary); --primary-second: #f44336; --neutral-color: #d2dfef; --warning-color: #fd7e3d; --primary-acent: rgb(26, 45, 75); /* Couleur modifiee par les reseaux */ } :root { --partnership-color: #F3D145; --orisha-raspberry: #e8005f; --orisha-sunglow: #ffbc00; } #main-container.if-ng header { background: var(--variable-color-5) !important; /* Info environnement */ } #main-container.if-ng header .logo-wrapper { display: flex; justify-content: center; align-items: center; height: 100%; background-color: var(--logo-background); } #main-container.if-ng header .top { background: inherit; } #main-container.if-ng header div.container-fluid.top div.row:first-of-type { height: 100%; } #main-container.if-ng header .env-info { position: absolute; top: calc(50% - 17px); left: 100%; display: inline-block; z-index: 3; width: 35px; height: 35px; line-height: 35px; font-size: 20px; background-color: #fff; border-radius: 100%; cursor: help; text-align: center; } #main-container.if-ng header .env-info.env-danger { color: var(--danger); } #main-container.if-ng header .env-info.env-warning { color: var(--warning); } #main-container.if-ng header .env-info.env-local { color: var(--success); } #main-container.if-ng header .env-info:hover > div { display: block; } #main-container.if-ng header .env-info div { position: absolute; top: 30px; left: -50%; display: none; border-radius: 5px; background: #fff; padding: 5px; z-index: 3; line-height: 16px; font-size: 12px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); text-align: left; } #main-container.if-ng header .env-info div > span:first-of-type { font-weight: bold; white-space: nowrap; } #main-container.if-ng header .env-info div span { display: block; } /* Barre de recherche */ #main-container.if-ng header div#universal_search_container-container .form-search { width: 330px; background: var(--accent); border-radius: 25px; } #main-container.if-ng header div#universal_search_container-container .form-search .search-wrapper:before { position: absolute; left: 15px; display: inline-block; width: 30px; height: 40px; line-height: 40px; content: "\f002"; font-family: FontAwesome; font-size: 1.3em; color: var(--text-color); } #main-container.if-ng header div#universal_search_container-container .form-search .search-wrapper div.qs-loader { position: absolute; display: none; justify-content: center; font-family: FontAwesome; align-items: center; color: var(--text-color); top: 0; right: -30px; font-size: 1.5em; width: auto; height: 100%; animation: rotating 1.5s ease-out infinite; } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #main-container.if-ng header div#universal_search_container-container .form-search input.universal_search_text { width: 100%; height: 30px; padding: 5px 5px 5px 40px !important; margin: 0; border-radius: 25px !important; color: var(--text-color); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: box-shadow .25s ease-in-out; } #main-container.if-ng header div#universal_search_container-container .form-search input.universal_search_text.ui-autocomplete-loading + .qs-loader { display: inline-flex; } #main-container.if-ng header div#universal_search_container-container .form-search input.universal_search_text:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } #main-container.if-ng header div#universal_search_container-container .form-search button#universal_search_submit { display: none; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button { display: flex; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button a#universal_search_filter_libelle { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; font-size: 2.5em; background: inherit; color: #fff; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button a#universal_search_filter_libelle > span:first-of-type { margin-left: 5px; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu { left: 10px; padding-bottom: 10px; border-radius: 0 0 5px 5px; background: var(--accent); box-shadow: 0px 12px 12px #0000007d; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu a { background-color: var(--accent); } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu a:hover { background: #fff !important; color: var(--accent) !important; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu span.actual_search { color: #fff !important; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu li:hover { background: #fff !important; color: var(--accent) !important; } #main-container.if-ng header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu li:hover span.actual_search { color: var(--primary) !important; } #main-container.if-ng header div#universal_search_container-container .form-search-orpi { width: 500px; } #main-container.if-ng header div#universal_search_container-container .form-search-orpi input.universal_search_text { width: 95%; } #main-container.if-ng header div#universal_search_container-container .form-search-orpi div.universal_search_rcu_button { display: flex; float: right; } #main-container.if-ng header div#universal_search_container-container .form-search-orpi div.universal_search_rcu_button a.universal_search_rcu_libelle { width: 40px; height: 40px; line-height: 45px; border-radius: 100%; opacity: unset; text-align: center; background: #fff; color: var(--text-color); } #main-container.if-ng header div#universal_search_container-container ul.quicksearch_autocomplete { background: var(--accent); box-shadow: 0 12px 20px 0 rgba(0, 11, 48, 0.6); } #main-container.if-ng header div#universal_search_container-container ul.quicksearch_autocomplete li.ui-menu-item > a.ui-state-hover { background: rgba(255, 255, 255, 0.15); } #main-container.if-ng header div#universal_search_container-container ul.quicksearch_autocomplete .quicksearch_result ul.quicksearch_barre_action { margin: unset; } #main-container.if-ng header div#universal_search_container-container ul.quicksearch_autocomplete .quicksearch_result ul.quicksearch_barre_action > li { line-height: 32px; background: var(--neutral-3); border-radius: 100%; height: 32px; color: var(--text-color); text-align: center; } #main-container.if-ng header div#universal_search_container-container ul.quicksearch_autocomplete .quicksearch_result ul.quicksearch_barre_action > li span:hover { color: var(--primary); } #main-container.if-ng header div#universal_search_container-container ul.quicksearch_autocomplete div.more_qs table.quicksearch_result_more { background: var(--neutral-3); } #main-container.if-ng header div#universal_search_container-container ul.quicksearch_autocomplete div.more_qs table.quicksearch_result_more input.btn { background-color: #fff !important; color: var(--text-color) !important; border-radius: 25px !important; } /* Menu utilisateur */ #main-container.if-ng header div#user-panel-container { display: flex; align-items: center; justify-content: flex-end; height: 100%; } #main-container.if-ng header div#user-panel-container #user-panel ul.inline li > *:hover { background-color: inherit; } #main-container.if-ng header div#user-panel-container #user-panel > ul { margin-right: 80px; border-radius: 5px; background: #fff; } #main-container.if-ng header div#user-panel-container #user-panel > ul a.dropdown-toggle.user-notifications:before { content: "\f02d"; font-family: FontAwesome; } #main-container.if-ng header div#user-panel-container #user-panel > ul img#img_cahier_messages { display: none; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .user-notifications span.count { border: unset; color: #fff; background: inherit; background-color: var(--primary); } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.open > a { background-color: var(--neutral-2) !important; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li > a { height: 40px; line-height: 40px; background: inherit; color: var(--text-color); transition: unset; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li > a:first-of-type:hover { background-color: var(--neutral-2); } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu { padding-bottom: 10px; border-radius: 0 0 5px 5px; background: unset !important; background-color: var(--neutral-2) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu *:not([class*="voip_"]) { color: var(--text-color) !important; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu.dd_user { right: 0; left: unset; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu.dd_user li:not(.dropdown-submenu) > a { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu li > a:hover { background-color: white !important; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu li > a:hover .badge { background: var(--primary); color: inherit; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu li > a .badge { background: var(--primary); } #main-container.if-ng header div#user-panel-container #user-panel > ul > li .dropdown-menu #info_admin { opacity: unset; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.user-account { position: absolute; display: flex; right: 25px; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.user-account > a:first-of-type { width: 40px; height: 40px; padding: 0 !important; border-radius: 100%; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.user-account > a:first-of-type div.user-avatar { width: 100%; height: 100%; margin-top: unset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: box-shadow .25s ease-in-out; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.user-account > a:first-of-type div.user-avatar:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.user-account ul .badge { color: #fff !important; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.ng-notif { position: absolute; right: 3px; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.ng-notif > a { border-radius: 5px; background-color: var(--accent) !important; } #main-container.if-ng header div#user-panel-container #user-panel > ul > li.ng-notif > a > i.fa::before { content: "\f142"; font-size: 18px; color: #fff; } #main-container.if-ng header div#user-panel-container #user-panel > ul i.fa-calculator::before { content: "\f1ec"; } #main-container.if-ng header div#user-panel-container #user-panel { position: relative; } #main-container.if-ng header div#user-panel-container #user-panel div.espace_pro_pp { position: absolute; right: 100%; width: 130px; height: 40px; margin-right: 5px; background: transparent; } #main-container.if-ng header div#user-panel-container #user-panel div.espace_pro_pp a { height: 40px; } #main-container.if-ng header div#user-panel-container #user-panel div.espace_pro_pp img { border-radius: 5px; } #main-container.if-ng header iframe#notification-frame { border: 0; height: inherit; } #main-container.if-ng header div#notification-dropdown-panel { display: none; position: absolute; left: 1200px; top: 20px; z-index: 9999; width: 370px; height: 800px; border-width: 0; } #main-container.if-ng header div#notification-dropdown-panel #notification-dropdown-frame { width: 100%; height: 100%; border-width: 0; } /* Menu */ #main-container.if-ng header div.container-fluid div.row.bottom { background-color: var(--accent); /* Elements verrouilles */ } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn { display: inline-flex; padding: 4px 0; } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn > a { display: flex; align-items: center; justify-content: center; padding: 2px 18px; margin: 0 30px; text-transform: unset; border-radius: 20px; background: unset; background-color: var(--variable-color-4); } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn > a:hover { background: var(--variable-color-4); } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn > a i.fa { float: unset; font-size: unset; } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn > a i.fa::before { content: "\f067"; } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn .dropdown-menu { background-color: unset; } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn .dropdown-menu li > a { background: unset !important; background-color: var(--accent) !important; } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn .dropdown-menu .divider { width: 100%; height: 0px !important; margin: 0 !important; background: var(--accent); } #main-container.if-ng header div.container-fluid div.row.bottom .create-btn li:not(.divider) a:hover { background-color: #5d6873 !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav > ul:not(.hover-open) > li.open > a { color: #fff !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li { margin-left: unset; background: unset; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li .open { background: #5d6873; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li > a { padding: 0 20px; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li:hover { background: #5d6873 !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li:hover > a { color: #fff !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li.dropdown .notification { position: unset; right: unset; top: unset; display: inline-block; padding: 0 10px; border: unset; background: var(--warning); } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li.dropdown .notification:hover { top: unset; right: unset; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu { border-radius: 0 0 5px 5px; padding-bottom: 10px; background: unset; background-color: #5d6873 !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu .divider { height: 0px !important; background-color: #5d6873 !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu .nav-header { color: #fff !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu li > a { padding: 3px 20px 3px 10px; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu li > a:hover { background: white !important; color: var(--text-color) !important; } #main-container.if-ng header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu li > a:hover i { color: var(--text-color) !important; } #main-container.if-ng header div.container-fluid div.row.bottom div#responsive_menu_v4 { display: none; top: 4px; } #main-container.if-ng header div.container-fluid div.row.bottom div#responsive_menu_v4 div.select-wrapper { display: inline-block; } #main-container.if-ng header div.container-fluid div.row.bottom div#responsive_menu_v4 div.select-wrapper select#select_menu_responsive { margin: unset; padding: 0 25px !important; color: var(--text-color); outline: none; border-radius: 25px; background-color: #fff; background-image: unset !important; background-size: unset !important; background-position: unset !important; } #main-container.if-ng header div.container-fluid div.row.bottom div#responsive_menu_v4 div.select-wrapper select#select_menu_responsive option { background-color: var(--accent) !important; color: #fff; } #main-container.if-ng header div.container-fluid div.row.bottom div#responsive_menu_v4 div.select-wrapper select#select_menu_responsive option:hover { background-color: white; } #main-container.if-ng header div.container-fluid div.row.bottom div#responsive_menu_v4 div.select-wrapper:after { position: relative; margin-left: -20px; content: "\f078"; font-family: FontAwesome; color: var(--text-color); } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list ul { padding: 3px 0; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals { display: inline-block; width: 30px; height: 30px; padding: 0; margin-right: 11px; line-height: 30px; border-radius: 100%; opacity: unset; text-align: center; background: #fff; color: var(--text-color); } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .compteur, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .compteur, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .compteur, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .compteur { top: unset; right: -5px; bottom: 0px; font-weight: 400; border: unset; cursor: default; background: var(--primary); } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu { margin-top: 22px; padding-bottom: 10px; background: var(--variable-color-1) !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4) !important; opacity: 1; border-radius: 0 0 5px 5px !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu > li, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu > li, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu > li, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu > li { background: var(--variable-color-1) !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu > li a, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu > li a, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu > li a, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu > li a { color: var(--text-color) !important; background: unset !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu > li > a:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu > li > a:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu > li > a:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu > li > a:hover { background: white !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu .divider, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu .divider, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu .divider, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu .divider { border-bottom: 1px solid var(--text-color) !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu .unlock_ul > li:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu .unlock_ul > li:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu .unlock_ul > li:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu .unlock_ul > li:hover { opacity: .7; background: unset !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu .unlock_icon, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu .unlock_icon, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu .unlock_icon, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu .unlock_icon { color: var(--text-color) !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges:hover, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals:hover { background: #fff !important; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products::after, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers::after, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_piges::after, #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals::after { color: inherit; padding: unset; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_products::after { content: "\f1ad"; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_customers::after { content: "\f007"; } #main-container.if-ng header div.container-fluid div.row.bottom nav.selected_list #selected_bals::after { content: "\f1e5"; } /* Onglet */ #main-container.if-ng div#page .tabs_home { background-color: #f9fbfd !important; } #main-container.if-ng div#page .tabs_home.header-breadcrumb #lien_vue_vignettes { display: none; } #main-container.if-ng div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; margin: 5px; padding: 5px 15px !important; font-size: .7rem !important; border: none; border-radius: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); background-color: #fff !important; transition: box-shadow .25s ease-in-out; } #main-container.if-ng div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default * { position: unset; display: unset; float: unset; color: var(--text-color) !important; } #main-container.if-ng div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default .ico_close:before { content: '\f00d'; } #main-container.if-ng div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default.ui-state-active { background-color: var(--neutral-4) !important; } #main-container.if-ng div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } #main-container.if-ng div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default li > a { font-weight: normal !important; } #main-container.if-ng div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default li > a:hover { opacity: .7; } /* Surchage css pour sans template avec theme par defaut */ #main-container.if-ng.no-tpl header { background: var(--menu-background) !important; } #main-container.if-ng.no-tpl header .logo-wrapper { background-color: var(--logo-background); } #main-container.if-ng.no-tpl header .logo-wrapper img { max-width: 180px; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul { background: transparent; border: 1px solid transparent; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li.ng-notif > a { background-color: transparent !important; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li.ng-notif > a > i.fa::before { color: var(--alternate); } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li > a { color: var(--alternate); } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li > a > :first-of-type:hover { background-color: unset; opacity: .8; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li > a:first-of-type:hover { background-color: transparent; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li.open > a { background-color: var(--primary) !important; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li .dropdown-menu { background-color: var(--primary) !important; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li .dropdown-menu *:not([class*="voip_"]) { color: #fff !important; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li .dropdown-menu li > a:hover { background-color: var(--secondary) !important; } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li .dropdown-menu li > a:hover .badge { background: var(--primary); } #main-container.if-ng.no-tpl header div#user-panel-container #user-panel > ul > li .dropdown-menu li > a .badge { background: var(--primary); } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search { background: var(--alternate); } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu { background: var(--secondary); } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu a { background-color: var(--secondary); } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu a:hover { background: var(--primary) !important; color: #fff !important; } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu span.actual_search { color: #fff !important; } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu li:hover { background: #fff !important; color: var(--accent) !important; } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search div#universal_search_filter_button ul.universal_search_menu li:hover span.actual_search { color: var(--primary) !important; } #main-container.if-ng.no-tpl header div#universal_search_container-container .form-search div#universal_search_filter_button a#universal_search_filter_libelle { color: var(--secondary); } #main-container.if-ng.no-tpl header div#universal_search_container-container ul.quicksearch_autocomplete { background: var(--secondary); } #main-container.if-ng.no-tpl header div#universal_search_container-container ul.quicksearch_autocomplete li.ui-menu-item > a.ui-state-hover { background: rgba(255, 255, 255, 0.15); } #main-container.if-ng.no-tpl header div#universal_search_container-container ul.quicksearch_autocomplete .quicksearch_result ul.quicksearch_barre_action > li { background: var(--neutral-3); color: var(--text-color); } #main-container.if-ng.no-tpl header div#universal_search_container-container ul.quicksearch_autocomplete .quicksearch_result ul.quicksearch_barre_action > li span:hover { color: var(--primary); } #main-container.if-ng.no-tpl header div#universal_search_container-container ul.quicksearch_autocomplete div.more_qs table.quicksearch_result_more { background: var(--primary); } #main-container.if-ng.no-tpl header div#universal_search_container-container ul.quicksearch_autocomplete div.more_qs table.quicksearch_result_more input.btn { background-color: #fff !important; color: var(--text-color) !important; } #main-container.if-ng.no-tpl header div#universal_search_container-container ul.quicksearch_autocomplete div.more_qs table.quicksearch_result_more tbody tr:first-child td { color: #fff; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom { background-color: var(--menu-background); /* Elements verrouilles */ } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .create-btn .dropdown-menu li > a { background-color: var(--secondary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .create-btn .dropdown-menu .divider { background: var(--primary); } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .create-btn li:not(.divider) a:hover { background-color: var(--primary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .top-nav #home_main_menu li .open { background: var(--primary); } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .top-nav #home_main_menu li:hover { background: var(--primary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu { background-color: var(--primary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu .divider { background-color: var(--primary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu li > a:hover { background: var(--secondary) !important; color: #fff !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom .top-nav #home_main_menu li .dropdown-menu li > a:hover i { color: #fff !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom div#responsive_menu_v4 div.select-wrapper select#select_menu_responsive option { background-color: var(--accent) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom div#responsive_menu_v4 div.select-wrapper select#select_menu_responsive option:hover { background-color: white; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals { background: var(--primary); color: #fff; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products .compteur, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers .compteur, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges .compteur, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals .compteur { background: var(--secondary); } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu { background: var(--primary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu > li, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu > li, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu > li, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu > li { background: var(--primary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu > li a, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu > li a, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu > li a, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu > li a { color: #fff !important; background: unset !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu > li > a:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu > li > a:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu > li > a:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu > li > a:hover { background: var(--secondary) !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu .unlock_ul > li:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu .unlock_ul > li:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu .unlock_ul > li:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu .unlock_ul > li:hover { background: unset !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products .dropdown-menu .unlock_icon, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers .dropdown-menu .unlock_icon, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges .dropdown-menu .unlock_icon, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals .dropdown-menu .unlock_icon { color: #fff !important; } #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_products:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_customers:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_piges:hover, #main-container.if-ng.no-tpl header div.container-fluid div.row.bottom nav.selected_list #selected_bals:hover { background: #07325e !important; } #main-container.if-ng.no-tpl div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default { box-sizing: border-box; background-color: transparent !important; border: 2px solid var(--alternate) !important; box-shadow: unset; } #main-container.if-ng.no-tpl div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default * { color: var(--secondary) !important; } #main-container.if-ng.no-tpl div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default.ui-state-active { background-color: var(--primary) !important; } #main-container.if-ng.no-tpl div#page .tabs_home.header-breadcrumb div#tabs li.ui-state-default.ui-state-active * { color: #fff !important; }