body { margin: 0; padding: 0; position: relative; width: 100vw; height: 100vh; font-family: "Avenir Medium"; overflow-x: hidden; background: #F4F6FA; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
a, a:hover, a:active, a:focus, a:visited {color: unset; text-decoration: unset; }
input {border: none; outline: none; border-radius: 5px; }
.swal-icon--custom { height: 50px; }

.is_admin, .is_billing, body[data-billing="true"]:not([data-admin="true"]) .no_billing { display: none; }
body[data-admin="true"] .is_admin, body[data-billing="true"] .is_billing { display: block; }
body[data-admin="true"] .is_admin.flex, body[data-billing="true"] .is_billing.flex { display: flex; }

header { width: 100%; background-color: #15253F; height: 65px; color: white; }
header > div { width: calc(100% - 100px); max-width: 1800px; padding: 0 40px 0 50px; display: flex; justify-content: space-between; height: 100%; align-items: center; margin: auto; }
header .head_icon { cursor: pointer; display: flex; align-items: center; justify-content: center; height: 30px; }
header .head_icon img { height: 20px; }
header .head_icon > * { display: block; }
header .head_icon .br { height: 100%; width: 1px; background-color: white; margin: auto 20px; }
header .head_icon span { transform: translateY(3px);}
header .head_btn { display: flex; }
header .head_btn > div { cursor: pointer; padding: 5px 10px; }
header .head_btn img { height: 12px; }
header .head_btn span {font-size: 13px; }
#head_btn_admin { display: none; }
body[data-admin="true"] #head_btn_admin { display: block; }
aside {width: 100%; background-color: white; height: 65px;  color: #15253F;}
aside h1 { margin: 0; transform: translateY(5px); }
aside > div {  width: calc(100% - 100px); max-width: 1800px; padding: 0 40px 0 50px; display: flex; justify-content: space-between; height: 100%; align-items: center; margin: auto; font-family: "Avenir Heavy"; }

body[data-page="login"] { background: none; }
body[data-page="login"] header { display: none; }
body[data-page="login"] content { display: flex; height: 100vh; }
body[data-page="login"] content > div { display: flex; width: 50%; height: 100%; justify-content: center; align-items: center; }
body[data-page="login"] content #login_left { background: url("/img/login_preview.jpg") no-repeat center right/cover; position: relative; }
body[data-page="login"] content #login_left .hr { height: 120px; width: 2px; background-color: white; margin: 20px; z-index: 2; }
body[data-page="login"] content #login_left img { height: 5%; min-height: 40px; max-height: 70px; z-index: 2; }
body[data-page="login"] content #login_left .bkg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: .3; z-index: 1; }
body[data-page="login"] content #login_left h1 { font-size: 26px; font-family: "Avenir Heavy"; color: white; z-index: 2; }
body[data-page="login"] content #login_right { flex-direction: column; }
body[data-page="login"] content #login_right h2 { font-size: 18px; }
body[data-page="login"] content #login_right input { outline: none; border: none; background: #F8F8F8; border-radius: 0; margin-bottom: 20px; margin-top: 5px; padding: 20px 30px; width: 50%; }
body[data-page="login"] content #login_right input::placeholder { font-style: italic; opacity: 0.3; }
body[data-page="login"] content #login_right .btn { width: 25%; padding: 12px 0; border-radius: 6px; margin-top: 10px; background-color: #2EAD8B; color: white; font-size: 12px; transition: 0.15s all ease-in; font-family: "Avenir Heavy"; display: flex; align-items: center; justify-content: center; user-select: none; cursor: pointer;}
body[data-page="login"] content #login_right .btn:hover { opacity: .9; }
body[data-page="login"] content #login_right .btn:active { transform: scale(.95); opacity: .8; }

nav {  width: 180px; background-color: white; padding: 10px 30px; margin: 30px 0 0 30px; display: inline-block; vertical-align: top; box-shadow: 0px 7px 24px #00000014; border-radius: 14px; }
nav > div { user-select: none; cursor: pointer; font-family: 'Avenir Heavy'; opacity: 0.4; padding: 15px 5px 15px 30px; font-size: 15px; position: relative; }
nav > hr { opacity: .4; margin: 0; }
body[data-page="documentation"] nav > #link-documentation,
body[data-page="gestion"] nav > #link-gestion,
body[data-page="team"] nav > #link-team,
body[data-page="licences"] nav > #link-licences,
body[data-page="facts"] nav > #link-facts,
body[data-page="settings"] nav > #link-settings,
body[data-page="privders"] nav > #link-providers,
body[data-page="dashboard"] nav > #link-dashboard { pointer-events: none; opacity: 1;}
body[data-page="gestion"] nav,
body[data-page="team"] nav { display: none; }
body[data-page="gestion"] nav#nav_admin,
body[data-page="team"] nav#nav_admin { display: inline-block; }

nav > div::before { position: absolute; content: ""; height: 18px; width: 18px; left: 0; background-repeat: no-repeat; background-position: center; background-size: contain;}
#link-documentation::before { background-image: url("/img/file-svgrepo-com.svg");}
#link-licences::before { background-image: url("/img/account-avatar-person-svgrepo-com.svg");}
#link-settings::before { background-image: url("/img/settings-svgrepo-com.svg");}
#link-facts::before { background-image: url("/img/euro-svgrepo-com.svg");}
#link-dashboard::before { background-image: url("/img/dashboard-svgrepo-com.svg");}
#link-providers::before { background-image: url("/img/euro-svgrepo-com.svg");}
#link-products::before { background-image: url("/img/deal.svg");}


section { display: inline-block; height: calc(100vh - 180px); width: calc(100vw - 350px); margin-left: 50px; vertical-align: top;}
section .section-head { display: flex; justify-content: space-between; align-items: center;}
section .section-head  h1 { margin: 30px 0; color: #1FBFB3; }
section .section-head .right { display: flex; align-items: center;}
section .section-head .right .date { display: flex; align-items: center; font-family: "Avenir Black"; font-size: 13px;}
section .section-head .right .date > div { cursor: pointer; }
section .section-head .right .date .current-date { width: 110px; text-align: center; cursor: default; text-transform: capitalize; padding: 0 10px;}
section .section-head .right .user_name { padding: 5px 10px; display: flex; justify-content: center; align-items: center; background-color: #1fbfb3; color: white; margin: 0 20px; }
section .section-head .right .export { cursor: pointer; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center;border: 1px solid #15253F; margin-left: 30px; }
section .section-head .right .back { cursor: pointer; height: 40px; padding-left: 15px; padding-right: 15px; display: flex; justify-content: center; align-items: center;border: 1px solid #15253F; margin-left: 30px; }

section > .table { background: white; box-shadow: 0px 7px 24px #00000014; border-radius: 14px; height: calc(100vh - 290px);; padding: 20px; }
section > .table #table_users { width: 100%; display: flex; flex-direction: column; margin-top: 20px; font-size: 15px; height: calc(100% - 100px); }
section > .table #table_users > div { width: 100%; display: flex; }
section > .table .table_head { display: flex; justify-content: space-between; align-items: flex-start; }
section > .table .table_filter { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
section > .table .table_filter_top { display: flex; align-items: center; justify-content: flex-start; }
section > .table .filter { display: inline-flex; margin-right: 15px; padding: 6px 18px; border: 1px solid #15253F; color: #15253F; border-radius: 100px; font-size: 12px; justify-content: center; align-items: center; user-select: none; cursor: pointer; }
section > .table .filter.on { background-color: #15253F; color: white; cursor: default; }
section > .table .table_filter_bottom { margin-top: 25px; position: relative; }
section > .table .table_filter_bottom::before { content: " "; background: url("/img/loupe.png") no-repeat center center/cover; opacity: .5; height: 17px; width: 17px; position: absolute; right: 8px; bottom: 5px; }
section > .table .table_filter_bottom input {  width: 150px; font-size: 12px; padding: 5px 25px 5px 10px; border: 1px solid #989898; border-radius: 28px; }
section > .table .table_add .btn { background: #1FBFB3; padding: 10px 25px; color: white; display: flex; justify-content: center; align-items: center; font-family: "Avenir Heavy"; user-select: none; cursor: pointer; transition: .15s ease-in all;}
section > .table .table_add .btn:hover { opacity: .9; }
section > .table .table_add .btn:active { opacity: .8; transform: scale(.95); }
section > .table #table_users #users { overflow: auto; flex-grow: 1; flex-direction: column; font-size: 13px; font-family: "Avenir Light"; }
section > .table #table_users #users .user { width: calc(100% - 10px); border-top: 1px solid #70707055; display: flex; }
section > .table #table_users #users .user.hidden { display: none; }
section > .table[data-filter="clients"] #table_users #users .user:not(.clients) { display: none; }
section > .table[data-filter="prospects"] #table_users #users .user:not(.prospects) { display: none; }
section > .table[data-filter="invite"] #table_users #users .user:not(.invite) { display: none; }
section > .table #table_users #users .user.hidden { display: none; }
section > .table #table_users #users .user > div { width: 14%; padding: 15px 1% 10px;  box-sizing: border-box;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
section > .table #table_users #users .user > div > .btn { border-radius: 100px; padding: 7px 10px; margin-top: -5px; display: flex; justify-content: center; align-items: center; width: calc(100% - 20px); max-width: 200px; color: white; font-family: "Avenir Heavy"; font-size: 11px; user-select: none; cursor: pointer; transition: .15s all ease-in; }
section > .table #table_users #users .user > div > .btn:hover { opacity: .9;}
section > .table #table_users #users .user > div > .btn:active { opacity: .8; transform: scale(.95);}
section > .table #table_users #users .user > .btns { width: 7%; display: flex; padding: 0; align-items: center; justify-content: space-around; overflow: visible; text-overflow: unset; }
section > .table #table_users #users .user > .btns > div { width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: .7; cursor: pointer; transition: all .15s ease-in;}
section > .table #table_users #users .user > .btns > div:hover { opacity: .6;}
section > .table #table_users #users .user > .btns > div:active { opacity: .5; transform: scale(.95);}
section > .table #table_users #users .user > .btns .show { background-image: url("/img/visibility.svg");}
section > .table #table_users #users .user > .btns .edit { background-image: url("/img/edit.png");}
section > .table #table_users #users .user > .btns .download { background-image: url("/img/export.svg"); opacity: 0.4; height: 17px; }
section > .table #table_users #users .user > div > .btn.invit { background-color: #1FBFB3;}
section > .table #table_users #users .user > div > .btn.service { background-color: #15253F;}
section > .table #table_users #users_head > div { font-family: "Avenir Heavy"; width: 12%; padding: 10px 1%;}

body[data-page="licences"] #user_popup {  background-color: white; width: 400px; height: 600px; position: fixed; z-index: 12; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; padding: 20px; display: none; flex-direction: column; justify-content: center; align-items: center; }
body[data-page="licences"] #user_popup_bkg { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #15253F; opacity: 0.65; z-index: 11; }
body[data-page="licences"] #user_popup.open,
body[data-page="licences"] #user_popup.open + #user_popup_bkg { display: flex; }
body[data-page="licences"] #user_popup input { outline: none; border: none; background: #F8F8F8; border-radius: 0; margin-bottom: 20px; margin-top: 5px; padding: 20px 30px; width: 50%; }
body[data-page="licences"] #user_popup input::placeholder { font-style: italic; opacity: 0.3; }
body[data-page="licences"] #user_popup .btns { width: calc(100% + 60px); display: flex; justify-content: space-evenly; }
body[data-page="licences"] #user_popup .btns > .btn { display: none; }
body[data-page="licences"] #user_popup.create .btns > .create,
body[data-page="licences"] #user_popup.edit .btns > .edit { display: flex; }
body[data-page="licences"] #user_popup .btn { width: 25%; padding: 12px 0; border-radius: 6px; margin-top: 10px; background-color: #2EAD8B; color: white; font-size: 12px; transition: 0.15s all ease-in; font-family: "Avenir Heavy"; align-items: center; justify-content: center; user-select: none; cursor: pointer;}
body[data-page="licences"] #user_popup .btn:hover { opacity: .9; }
body[data-page="licences"] #user_popup .btn:active { transform: scale(.95); opacity: .8; }
body[data-page="licences"] #user_popup  .dropdown-container { position: relative; width: 100%; display: flex; justify-content: center;}
body[data-page="licences"] #user_popup #account_employees { background: #F8F8F8; border-radius: 0; margin-bottom: 20px; margin-top: 5px; padding: 20px 30px; width: 50%; font-size: 13px; user-select: none; cursor: pointer; }
body[data-page="licences"] #user_popup #account_collab[value="0"] + #account_employees { font-style: italic; color: rgba(0,0,0,.3);  }

/* nouveau form pour l'ajout de provider */
body[data-page="products"] #provider_popup { display: none; background-color: white; width: 600px; max-height: 80vh; position: fixed; z-index: 12; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; padding: 20px; overflow-y: auto; flex-direction: column; }
body[data-page="products"] #provider_popup_bkg { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #15253F; opacity: 0.65; z-index: 11; }
body[data-page="products"] #provider_popup.open,body[data-page="products"] #provider_popup.open + #provider_popup_bkg { display: flex; align-items: flex-start; }
body[data-page="products"] #provider_popup input[type="text"],input[type="number"],input[type="url"],select,body[data-page="products"] #provider_popup textarea { outline: none; border: none; background: #F8F8F8; border-radius: 0; margin: 5px 0 15px 0; padding: 12px 15px; width: 100%; box-sizing: border-box; font-size: 14px; }
body[data-page="products"] #provider_popup input[type="file"] { margin: 5px 0 15px 0; width: 100%; }
body[data-page="products"] #provider_popup textarea { resize: vertical; }
body[data-page="products"] #provider_popup label a { cursor:pointer; text-decoration: underline }
body[data-page="products"] #provider_popup .btn,body[data-page="products"] #provider_popup .btns > .btn { width: auto; padding: 10px 20px; border-radius: 6px; margin: 10px 5px 0 0; background-color: #2EAD8B; color: white; font-size: 12px; font-family: "Avenir Heavy",sans-serif; cursor: pointer; user-select: none; text-align: center; display: flex; align-items: center; justify-content: center; }
body[data-page="products"] #provider_popup .btn:hover { opacity: 0.9; }
body[data-page="products"] #provider_popup .btn:active { transform: scale(0.95); opacity: 0.8; }
body[data-page="products"] #provider_popup .btns > .btn { display: none; }
body[data-page="products"] #provider_popup.create .btns > .create,body[data-page="products"] #provider_popup.edit .btns > .edit { display: flex; }

.dropdown-hidden { display: none; position: absolute; top: -100%; transform: translateY(-60%); width: calc(50% + 60px); background: #F8F8F8; border: 2px solid gainsboro; border-radius: 5px; overflow: hidden; }
.dropdown-hidden > div {padding: 10px; cursor: pointer;}
.dropdown-hidden > div:hover { background: gainsboro; }
.dropdown.open + .dropdown-hidden { display: flex; flex-direction: column; }

body[data-page="licence"] section .section-head .btn { background: #1FBFB3; padding: 10px 25px; color: white; display: flex; justify-content: center; align-items: center; font-family: "Avenir Heavy"; user-select: none; cursor: pointer; transition: .15s ease-in all;}
body[data-page="licence"] section .section-title { width: 100%; overflow-x: auto; }
body[data-page="licence"] section #section-logiciels { width: 100%; overflow-x: auto; }
body[data-page="licence"] section #section-logiciels > div { display: inline-block; }

body[data-page="confirm"] content {margin: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; }
body[data-page="confirm"] .btn { user-select: none; transition: all 0.1s ease-in; cursor: pointer; width: 200px; background-color: #1FBFB3; height: 30px; display: flex; align-items: center; justify-content: center; color: white; margin-top: 20px; border-radius: 100px; }
body[data-page="confirm"] .btn:hover,
body[data-page="confirm"] .btn:hover { opacity: 0.8;}
body[data-page="confirm"] .btn:active { transform: scale(0.95);}
body[data-page="confirm"] input { border: 1px solid #15253F; border-radius: 3px; padding: 5px; width: 120px; margin: 10px auto; }


body .chiffres { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
body .chiffres h2 { font-size: 1.2em;}
body .chiffres .affaire { width: 30%; min-width: 220px; }
body .chiffres .licence { width: 40%; min-width: 250px; }
body .chiffres .total { width: 20%; }
body .chiffres .table { background-color: white; box-shadow: 0px 23px 24px #00000014; border-radius: 10px; padding: 20px; }
body .chiffres .table hr { opacity: 0.3; }
body .chiffres .table hr:last-child { display: none; }
body .chiffres .table .mrr h3 { margin-top: 0;}
body .chiffres .table .mrr p { width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
body .chiffres .table .mrr span#mrr { font-size: 20px; font-family: "Avenir Heavy";}
body .chiffres .table .mrr span#evolution { color: #1FBFB3; font-family: "Avenir Heavy"; }
body .chiffres .table .chiffre-total { display: flex; width: 100%; height: 80px; font-family: "Avenir Heavy"; justify-content: center; align-items: center; font-size: 27px; }
body .chiffres .table .scroll h3 { color: #1FBFB3; }
body .chiffres .table .scroll .provider_container { display: flex; padding: 10px 0px; height: 55px; }
body .chiffres .table .scroll .provider_container img { width: 50px; height: 50px; margin-right: 15px; }
body .chiffres .table .scroll .provider_container > div { display: flex; flex-direction: column; width: 100%; align-items: flex-start; justify-content: space-evenly; }
body .chiffres .table .scroll .products-list .provider_container > div { justify-content: space-between; }
body .chiffres .table .scroll .products-list .provider_container > div > div { display: flex; width: 100%; justify-content: space-between; align-items: center;}
body .chiffres .table .scroll .products-list .provider_container > div > div > div { width: 65%; border-left: 1px solid #6C6C6C; color: #6C6C6C; padding-left: 5px; opacity: .8;}
body .chiffres .table .scroll .products-list .provider_container > div > div > div > div { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body .chiffres .table .scroll .products-list .provider_container b {  font-size: 27px;}
body .chiffres .table .scroll .provider_container span { text-transform: capitalize;}
body .chiffres .table .scroll .provider_container b { color: #1FBFB3; font-family: "Avenir Heavy"; font-size: 16px;}

body[data-page="licence"] .chiffres .affaire { width: 25%; min-width: 200px; }
body[data-page="licence"] .chiffres .licence { width: 35%; min-width: 250px; }
body[data-page="licence"] .total { margin-bottom: 30px;}
body[data-page="licence"] .total h2 { font-size: 1.2em; }
body[data-page="licence"] .total .table { background-color: white; box-shadow: 0px 23px 24px #00000014; border-radius: 10px; padding: 20px; width: 100%; overflow-x: auto; }
body[data-page="licence"] .total .table .provider_container { display: inline-flex; width: 135px; justify-content: center; align-items: center; flex-direction: column;}
body[data-page="licence"] .total .table .provider_container img { height: 100px; width: 100px; }
body[data-page="licence"] .total .table .provider_container span, body[data-page="licence"] .total .table .provider_container span + div b {  width: 100%; text-align: center; display: inline-block; }
body[data-page="licence"] .total .table .provider_container span + div b + div { font-weight: 300; font-style: italic; padding-top: 10px;}

body[data-page="products"] .table { overflow: auto; }
body[data-page="products"] table { width: 100%; min-width: 900px;  }
body[data-page="products"] td { padding: 5px; font-size: 0.8em; height: 50px; }
body[data-page="products"] tr:nth-child(odd) { background-color: #f9f9f9 }
body[data-page="products"] tr.hide { height: 0; line-height: 0; visibility: collapse; }
body[data-page="products"] tr.hide td { height: 0; }

body[data-page="products"] th { white-space: nowrap; text-align: left; padding: 20px 0px; background-color: #FFF }
body[data-page="products"] th i { width: 18px; opacity: 0; height: 18px; margin-left: 5px;  display: inline-block; background-size: contain; background-repeat: no-repeat;}
body[data-page="products"] th i.sorter { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMi4zMDM3MTA5IDIwLjU0MTAxNTZjLS4zOTY0ODQ0LjM4NDc2NTYtLjQwNjI1IDEuMDE3NTc4MS0uMDIxNDg0NCAxLjQxNDA2MjVsMy44NDU3MDMxIDMuOTYzODY3MmMuMDAwMjQ0MS4wMDAyNDQxLjAwMDYxMDQuMDAwMzY2Mi4wMDA4NTQ1LjAwMDYxMDQuMTgxNzYyNy4xODgxMTA0LjQzNDMyNjIuMzA3MDA2OC43MTY5MTg5LjMwNzAwNjhzLjUzNTE1NjItLjExODg5NjUuNzE2OTE4OS0uMzA3MDA2OGMuMDAwMjQ0MS0uMDAwMjQ0MS4wMDA2MTA0LS4wMDAzNjYyLjAwMDg1NDUtLjAwMDYxMDRsMy44NDY2Nzk3LTMuOTYzODY3MmMuMzg0NzY1Ni0uMzk2NDg0NC4zNzUtMS4wMjkyOTY5LS4wMjE0ODQ0LTEuNDE0MDYyNXMtMS4wMjkyOTY5LS4zNzUtMS40MTQwNjI1LjAyMTQ4NDRsLTIuMTI4OTA2MiAyLjE5NDAzMDh2LTE1Ljk4MzA5MzNjMC0uNTUyNzM0NC0uNDQ3MjY1Ni0xLTEtMXMtMSAuNDQ3MjY1Ni0xIDF2MTUuOTgyNzg4MWwtMi4xMjc5Mjk2LTIuMTkzNzI1NmMtLjM4NDc2NTYtLjM5NjQ4NDQtMS4wMTc1NzgxLS40MDYyNS0xLjQxNDA2MjUtLjAyMTQ4NDR6Ii8+PHBhdGggZD0ibTI2Ljg3OTg4MjggMTIuOTIyODUxNmMwLS41NTI3MzQ0LS40NDcyNjU2LTEtMS0xaC0xMC44NTE1NjI1Yy0uNTUyNzM0NCAwLTEgLjQ0NzI2NTYtMSAxcy40NDcyNjU2IDEgMSAxaDEwLjg1MTU2MjVjLjU1MjczNDQgMCAxLS40NDcyNjU3IDEtMXoiLz48cGF0aCBkPSJtMjMuNzU5NzY1NiAxOS4wNzMyNDIyYzAtLjU1MjczNDQtLjQ0NzI3NTItMS0xLTFoLTcuNzMxNDQ1M2MtLjU1MjczNDQgMC0xIC40NDcyNjU2LTEgMXMuNDQ3MjY1NiAxIDEgMWg3LjczMTQ0NTNjLjU1MjcyNDkgMCAxLS40NDcyNjU2IDEtMXoiLz48cGF0aCBkPSJtMTUuMDI4MzIwMyAyNC4yMjY1NjI1Yy0uNTUyNzM0NCAwLTEgLjQ0NzI2NTYtMSAxcy40NDcyNjU2IDEgMSAxaDQuNjExMzI4MWMuNTUyNzM0NCAwIDEtLjQ0NzI2NTYgMS0xcy0uNDQ3MjY1Ni0xLTEtMXoiLz48cGF0aCBkPSJtMjkgNS43NzM0Mzc1aC0xMy45NzE2Nzk3Yy0uNTUyNzM0NCAwLTEgLjQ0NzI2NTYtMSAxcy40NDcyNjU2IDEgMSAxaDEzLjk3MTY3OTdjLjU1MjczNDQgMCAxLS40NDcyNjU2IDEtMXMtLjQ0NzI2NTYtMS0xLTF6Ii8+PC9zdmc+"); }
body[data-page="products"] th i.filtering { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI3IDU5YTIgMiAwIDAgMSAtMi0ydi0xOS4yM2wtMTguNTQtMjAuMzlhNS42MSA1LjYxIDAgMCAxIDQuMTUtOS4zOGg0Mi43OGE1LjYxIDUuNjEgMCAwIDEgNC4xNSA5LjM4bC0xOC41NCAyMC4zOXYxMS4yM2EyIDIgMCAwIDEgLS43NSAxLjU2bC0xMCA4YTIgMiAwIDAgMSAtMS4yNS40NHptLTE2LjM5LTQ3YTEuNjEgMS42MSAwIDAgMCAtMS4xOSAyLjY5bDE5LjA2IDIxYTIgMiAwIDAgMSAuNTIgMS4zMXYxNS44NGw2LTQuODR2LTExYTIgMiAwIDAgMSAuNTItMS4zNWwxOS4wNi0yMWExLjYxIDEuNjEgMCAwIDAgLTEuMTktMi42NXoiLz48L3N2Zz4")}
body[data-page="products"] th:hover i { opacity: 0.5; }
body[data-page="products"] th.selected i { opacity: 1; }
body[data-page="products"] th[onclick] { cursor: pointer;}

body[data-page="products"] ul { padding-left: 0; }
body[data-page="products"] section .section-head  { justify-content: left; }