@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap');
/* KomPBX - habillage interface d'administration */
:root{--k-night:#02112F;--k-night2:#0B2A66;--k-blue:#008AFC;--k-blue2:#2B7FD9;--k-sky:#8CC6FF;--k-tint:#E3EEFF;--k-bg:#f5f7fa;--k-ink:#0f294d;--k-text:#455873;--k-line:#dadfe6}
html,body,.wrapper,.main-sidebar,.content-wrapper,h1,h2,h3,h4,h5,.btn,input,select,textarea,table{font-family:Manrope,Arial,sans-serif!important}
h1,h2,h3,.content-header>h1{font-family:'Plus Jakarta Sans',Manrope,Arial,sans-serif!important;font-weight:800!important;color:var(--k-ink)!important}
a{color:#0070D1}a:hover{color:var(--k-blue2)}
/* Connexion */
div.auth,html:has(div.auth),body:has(div.auth){background:radial-gradient(520px 260px at 50% 30%,rgba(120,190,255,.28),rgba(120,190,255,0) 70%),radial-gradient(420px 220px at 15% 80%,rgba(80,170,255,.18),rgba(80,170,255,0) 70%),var(--k-night)!important;background-attachment:fixed!important}

div.login{border-radius:18px!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important}
img.wazo-logo{content:url(/kompbx/kompbx-logo-dark.svg);width:210px!important;height:auto!important;margin:8px auto 18px!important;display:block}
div.login .btn-primary,div.login .btn-primary.disabled{border-radius:999px!important}
/* En-tete et menu */
.skin-blue .main-header .navbar,.skin-blue .main-header .logo,.skin-blue .main-header .logo:hover{background:var(--k-night)!important;border:0!important}
.skin-blue .main-header .navbar .sidebar-toggle:hover,.skin-blue .main-header .navbar .nav>li>a:hover{background:rgba(255,255,255,.08)!important}
.main-header .logo img{content:url(/kompbx/kompbx-logo-light.svg);height:30px!important;width:auto!important}
.skin-blue .main-sidebar,.skin-blue .left-side,.skin-blue .wrapper{background:#071B44!important}
.skin-blue .sidebar-menu>li>a{color:#C9D6EA!important;font-weight:600}
.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li.menu-open>a{background:rgba(0,138,252,.14)!important;color:#fff!important;border-left-color:var(--k-blue)!important}
.skin-blue .sidebar-menu .treeview-menu,.skin-blue .sidebar-menu>li>.treeview-menu{background:#04142F!important}
.skin-blue .sidebar-menu .treeview-menu>li>a{color:#A9BAD6!important}
.skin-blue .sidebar-menu .treeview-menu>li.active>a,.skin-blue .sidebar-menu .treeview-menu>li>a:hover{color:#fff!important}
.skin-blue .sidebar-menu>li.header{background:#04142F!important;color:#8CA3C7!important;letter-spacing:.08em}
.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff!important}
/* Contenu */
.content-wrapper,.right-side{background:var(--k-bg)!important}
.box{border-radius:14px!important;border-top:3px solid var(--k-blue)!important;box-shadow:0 2px 10px rgba(15,41,77,.06)!important}
.box.box-primary,.box.box-info{border-top-color:var(--k-blue)!important}
.box-header{border-radius:14px 14px 0 0}
.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--k-blue)!important}
.btn{border-radius:8px!important;font-weight:700!important}
.btn-primary,.btn-primary:focus,.bg-light-blue,.label-primary{background:var(--k-blue)!important;border-color:var(--k-blue)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:active{background:var(--k-blue2)!important;border-color:var(--k-blue2)!important}
.btn-default{background:#fff!important;color:var(--k-ink)!important;border-color:var(--k-line)!important}
.form-control:focus{border-color:var(--k-blue)!important;box-shadow:0 0 0 3px rgba(0,138,252,.15)!important}
.pagination>.active>a,.pagination>.active>a:hover{background:var(--k-blue)!important;border-color:var(--k-blue)!important}
table.dataTable thead th{background:var(--k-tint)}
.main-footer{background:#fff;color:var(--k-text);border-top:1px solid var(--k-line)}
/* Sous-menus lisibles */
.sidebar-menu .treeview-menu>li>a,.sidebar-menu .treeview-menu>li>a:hover{background:transparent!important}
.sidebar-menu .treeview-menu>li.active>a{background:rgba(0,138,252,.18)!important;color:#fff!important}
.alert-error{background:#FFF1F3!important;color:#9F1239!important;border:1px solid #FECDD6!important;border-radius:10px!important}
.alert-error .close{color:#9F1239!important;opacity:.6}