.navbar-inverse .navbar-inner, .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
background-color: #2D3F63;
background-image: -moz-linear-gradient(top,#899ECB,#2D3F63);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#899ECB),to(#2D3F63));
background-image: -webkit-linear-gradient(top,#899ECB,#2D3F63);
background-image: -o-linear-gradient(top,#899ECB,#2D3F63);
background-image: linear-gradient(to bottom,#899ECB,#2D3F63);
background-repeat: repeat-x;
border-color: #2D3F63;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff899ECB',endColorstr='#ff2D3F63',GradientType=0);
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
color:#FFFFFF;
text-shadow:none;
}
.navbar .brand {
text-shadow:none;
}
.logo {
float:left;
margin-right:30px;
height:40px;
}
.helpersbuttons {
margin-top:5px;
}
.table td.centered, .table th.centered, div.centered {
text-align:center;
}
.table td.middled {
vertical-align:middle;
}
#statsgraph {
margin:0 auto;
width:640px;
height:480px;
}
.actionbtn {
width:64px;
}
.daterange {
background:white;
cursor:pointer;
padding:5px 6px;
border:1px solid #CCC;
}
a[disabled], a[disabled]:hover {
pointer-events:none;
color:#e1e1e1;
}
.modal-large {
width:660px;
margin-left:-330px;
margin-top:0;
top:auto;
}
.force-select-all {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}

.icon-product {
    width: 40px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    vertical-align: middle;
}

.icon-product.active{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.icon-product.icon-printer {
    background-image: url('/img/icon-product/icon-printer.svg') !important;
}
.icon-product.icon-company {
    background-image: url('/img/icon-product/icon-1.svg') !important;
}
.icon-product.icon-remote-work {
    background-image: url('/img/icon-product/icon-900.svg') !important;
}
.icon-product.icon-remote-support {
    background-image: url('/img/icon-product/icon-remote-support.svg') !important;
}
.icon-product.icon-authentification {
    background-image: url('/img/icon-product/2FA-logo.svg') !important;
}
.icon-product.icon-protection {
    background-image: url('/img/icon-product/icon-600.svg') !important;
}
.icon-product.icon-monitoring {
    background-image: url('/img/icon-product/icon-1100.svg') !important;
}

.icon-product.icon-genius {
    background-image: url('/img/icon-product/servergenius.png') !important;
}

.icons {
    width: 24px; /* Ajuster la taille de l'icône */
    height: 24px; /* Ajuster la taille de l'icône */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.icons-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M440-280h80v-160h160v-80H520v-160h-80v160H280v80h160v160Zm40 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>');
}

.icons-csv {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M230-360h120v-60H250v-120h100v-60H230q-17 0-28.5 11.5T190-560v160q0 17 11.5 28.5T230-360Zm156 0h120q17 0 28.5-11.5T546-400v-60q0-17-11.5-31.5T506-506h-60v-34h100v-60H426q-17 0-28.5 11.5T386-560v60q0 17 11.5 30.5T426-456h60v36H386v60Zm264 0h60l70-240h-60l-40 138-40-138h-60l70 240ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Z"/></svg>');
}

.icons-expired {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="m656-120-56-56 84-84-84-84 56-56 84 84 84-84 56 56-83 84 83 84-56 56-84-83-84 83Zm-176 0q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q11 0 20.5-.5T520-203v81q-10 1-19.5 1.5t-20.5.5ZM120-560v-240h80v94q51-64 124.5-99T480-840q150 0 255 105t105 255h-80q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120Zm414 190-94-94v-216h80v184l56 56-42 70Z"/></svg>');
}

.icons-transfer {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M806-440H320v-80h486l-62-62 56-58 160 160-160 160-56-58 62-62ZM600-600v-160H200v560h400v-160h80v160q0 33-23.5 56.5T600-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h400q33 0 56.5 23.5T680-760v160h-80Z"/></svg>');
}

.icons-summarize {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M320-600q17 0 28.5-11.5T360-640q0-17-11.5-28.5T320-680q-17 0-28.5 11.5T280-640q0 17 11.5 28.5T320-600Zm0 160q17 0 28.5-11.5T360-480q0-17-11.5-28.5T320-520q-17 0-28.5 11.5T280-480q0 17 11.5 28.5T320-440Zm0 160q17 0 28.5-11.5T360-320q0-17-11.5-28.5T320-360q-17 0-28.5 11.5T280-320q0 17 11.5 28.5T320-280ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h440l200 200v440q0 33-23.5 56.5T760-120H200Zm0-80h560v-400H600v-160H200v560Zm0-560v160-160 560-560Z"/></svg>');
}

.icons-filter {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/></svg>');
}

.icons-reset-settings {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M520-330v-60h160v60H520Zm60 210v-50h-60v-60h60v-50h60v160h-60Zm100-50v-60h160v60H680Zm40-110v-160h60v50h60v60h-60v50h-60Zm111-280h-83q-26-88-99-144t-169-56q-117 0-198.5 81.5T200-480q0 72 32.5 132t87.5 98v-110h80v240H160v-80h94q-62-50-98-122.5T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q129 0 226.5 79.5T831-560Z"/></svg>');
}


.area-disable {
    pointer-events: none;
    opacity:.7;
}

.login-form {
    margin: 50px auto;
    max-width: 386px;
}

.login-form > section {
    text-align: center;
    margin-top: 15px;
}
.login-form > section:first-child {
    margin-bottom: 42px;
}

form[role=login] {
    font: 14px/2.2em Tahoma, serif;
    color: #444;
    background: #f4f4f4;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 21px 38px 35px 38px;
    margin-bottom: 25px;

    -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, .4);
    -moz-box-shadow: 0 0 3px 0 rgba(50, 50, 50, .4);
    box-shadow: 0 0 3px 0 rgba(50, 50, 50, .4);
}
form[role=login] .form-group {
    margin-bottom: 8px;
}
form[role=login] label {
    margin: 5px;
}
form[role=login] input,
form[role=login] button {
    margin: 0;
}
form[role=login] input {
    color: #777;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
}
form[role=login] button {
    padding: 7px 60px;
    margin-top: 15px;
    font-size: 16px;
}

 .loader {
     border: 4px solid #f3f3f3;
     border-radius: 50%;
     border-top: 4px solid #3498db;
     width: 30px;
     height: 30px;
     -webkit-animation: spin 2s linear infinite; /* Safari */
     animation: spin 2s linear infinite;
 }

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}