/* .navbar-default .navbar-nav>li>a {
    color: #777;
} */

#menu_appname{
    visibility: hidden;
    position: relative;
}
#menu_appname:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "VPN Cluster";
    width:105px
}
/* Masque le nombre de client VPN du serveur */
/* small[name="vpn-remaining-hint"]{
    visibility: hidden;
    position: relative;

} */
/* a[name="filter-unconnected-clients"]{
    visibility: hidden;
    position: relative;

} */
a[href="https://openvpn.net/community-downloads/"]
{
    background-color: #f58220;
    border-color:#ff5722;
}
a[href="https://openvpn.net/community-downloads/"]:hover,a[href="https://openvpn.net/community-downloads/"]:active:hover,a[href="https://openvpn.net/community-downloads/"]:active,a[href="https://openvpn.net/community-downloads/"]:focus
{
    background-color: #f58220;
    border-color:#ff5722;
}
button[name="direct-link-button"]
{
    background-color: #4b9b4d;
    border-color:#4b9b4d;
}
button[name="direct-link-button"]:hover,button[name="direct-link-button"]:active:hover,button[name="direct-link-button"]:active,button[name="direct-link-button"]:focus
{
    background-color: #4b9b4d;
    border-color:#4b9b4d;
}
.col-xs-2.col-md-1.text-right{
    visibility: hidden;
    position: relative;

}

/* a[data-sec="org"]{
    background-color: #b1b0b0;
    border-color:#858484;
}
a[data-sec="group"]{
    background-color: #dd1010;
    border-color:#858484;
} */

a[name="log-display"]{
    background-color: #b1b0b0;
    border-color:#858484;
}
a[name="log-display"]:hover{
    background-color: #7e7c7c;
    border-color:#858484;
}
/* #LicensingContainer{
    visibility: hidden;
    position: relative;
} */

:root {
    --bleu-fonce: #009ee3;
    --bleu-tf: #0085bf;
    --bleu-click: #006ce3;
    --vert-tf: #4b9b4d;
    --vert-valid: #259526;
    --vert-v: #14aa14;
    --vert-c: #dff0d8;
    --rouge-fs: #cd3a45;
    --rouge-c: #ce7279;
    --rouge-f: #cf0513;
  }
  
  
  /* 
var(--bleu-fonce)
var(--bleu-click)
var(--vert-tf) 
var(--vert-v) 
var(--vert-c) 
  */

/* Color of the main content panel header */
body.customizable .panel-custom > .panel-heading {
    color: #fff;
    /* background-color: #27348b; */
    background-color: var(--bleu-fonce);;
    border-color: var(--bleu-tf);
  }



.btn.btn-xs.btn-success.collapsed{
    color: #ffffff;
    background-color: var(--vert-valid);
    border-color: var(--vert-c);
}
a[name="add"]{
    background-color: #27348b;
    border-color:#858484;
}

.nav.nav-tabs[role="tablist"] > li[role="presentation"] > a[role="tab"][name="delete"] {
    color: #ffffff;
    background-color: var(--rouge-fs);

  }
.nav.nav-tabs[role="tablist"] > li[role="presentation"] > a[role="tab"][name="delete"]:hover {
color: #ffffff;
background-color: var(--rouge-f);

}
  

a[data-collapser-category="list"],a[data-collapser-category="list"]:hover,a[data-collapser-category="list"]:active,a[data-collapser-category="list"]:active:hover{
    background-color: var(--rouge-fs);
    border-color: var(--rouge-c);
}

a[name="refresh"],a[name="refresh"]:hover,a[name="refresh"]:active,a[name="refresh"]:active:hover{
    background-color: #27348b;
    border-color:#858484;
}

 /* statut des routeurs  */
  .btn-success.online-status,.btn-success.online-status:hover{
    color: #fff;
    background-color: var(--vert-v) ;
    border-color:var(--vert-tf);
}

 /* change la couleur des licences */
i[name="total-license-count"]{
    display: none !important;
}
small[name="total-license-count"]{
    color: grey;
}
small[name="vpn-remaining-hint"]{
    display: none !important;
}

/* .btn-danger.online-status{
    color: #fff;
    background-color: #f3a1a1;
    border-color: #ffd1d1;
} */

/* a.btn.btn-success.btn-xs{
color: #fff;
    background-color: #3c763d;
    border-color: #dff0d8;
} */
 /* Boutton enregistrer  */
button.btn-sm.btn-success{
    color: #fff;
    background-color: var(--vert-tf);
    border-color: var(--vert-c);
}
button.btn-sm.btn-success:hover
{
    color: #fff;
    background-color: var(--vert-valid);
    border-color: var(--vert-c);
}

.btn-success, .btn-success:hover {
    color: #fff;
    background-color: var(--bleu-fonce);
    border-color: var(--bleu-tf);
}
.btn-success:active, .btn-success:active:hover {
    color: #fff;
    background-color: var(--bleu-click);
    border-color: var(--bleu-fonce);
}

.btn-info, .btn-info:hover {
    color: #fff;
    background-color: var(--bleu-fonce);
    border-color: var(--bleu-tf);
}
.btn-info:active, .btn-info:active:hover {
    color: #fff;
    background-color: var(--bleu-click);
    border-color: var(--bleu-fonce);
}


/* .btn-info:toggle{
    color: #fff;
    background-color: #08fc08;
    border-color: #27348b;
} */