body {
	/* Override de l'overflow défini par webdev et qu'on ne sait pas où paramétrer dans Webdev  */ 
	overflow-y:scroll !important;  overflow-x:hidden !important; 
	box-sizing: border-box;
    color:#3c3c3c;
}

.onglet-actif a{
    color: #0CB2E8;
    background-color: #F2F2F2;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-left: 1px solid #C7C7C7;
    border-top: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius: 0 0;
    border-bottom-right-radius: 0 0;
}

.footer{
    margin-top: 20px;
    margin-bottom: 5px;
    background-color: #f5f3f0;
    border-radius: 5px;
    padding: 10px 0 32px 15px;
    color:#777777;
    font-size:13px;
}

.footer .title{
    font-size:17px;
    color:#646464;

    /* margin-left:10px */
}
.footer .copyright{
    float: right;
    margin: 10px;
}

div.dialog-error{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;

}

.changelog-dialog{
    font-size: 0.9em;
}   
.changelog-dialog h2{
    font-size: 1.3rem;
    font-weight: bold;
}

.changelog-dialog h3{
    font-size: 1.2rem;
    font-weight: bold;
}


/* Pour les pages contenant une table comme élément principal  */ 
table.main-content{
    width: 100%;
    vertical-align:middle;
    font-family:Arial;
    font-size:13px;
    border: 0;
}


table.main-content th{
    font-size: 12pt;
    color: #676767;
    border-bottom:3px solid #a8a8a8;
    height: 30px;
    text-align: center;
}

table.main-content tr td{
color:#3c3c3c;
}
table.main-content tr:hover td{
    /* background-color: #d5d5d5; */
    background-color: #f5f5f5;
}

table.main-content td{
    border-bottom:1px solid #a8a8a8;
    height: 40px;
    vertical-align:middle;
    padding: 5px;
}
table.main-content td:not(:last-child){
    border-right:1px dotted #eeeeee;    
}

table.main-content tr.no-data td{
    font-weight: bold;
    font-style: italic;
    font-size: 1.2em;
    text-align: center;
}


table.main-content td.link a{
    border:1px solid #d6d6d6;
    background-color: #efefef;
    border-radius: 4px;
    padding: 4px 8px;
    text-decoration: none;
    color: #676767;
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    user-select: none;
    min-width: 80px;

}
table.main-content td.link a:hover{
    background-color: #e5e5e5;
    border:1px solid #a8a8a8;
    color: #454545;
}


table.main-content td a div.img-svg{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -2px;
    background-color: #379dc3;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

table.main-content td.link div.img-open{
    mask-image: url('/ESPACE_CLIENT_WEB/eye-solid-full.svg');
    -webkit-mask-image: url('/ESPACE_CLIENT_WEB/eye-solid-full.svg');
}
table.main-content td.link div.img-download{
    mask-image: url('/ESPACE_CLIENT_WEB/download-solid-full.svg');
    -webkit-mask-image: url('/ESPACE_CLIENT_WEB/download-solid-full.svg');
}



/* Pour les pages "Liste logiciels / Download" */ 
table#logiciels .nom{ width:30%; }
table#logiciels .version{ width: 15%; text-align: center;}
table#logiciels .date{ width:10%; text-align: center;}
table#logiciels .poids{ width:10%; text-align: center;}
table#logiciels .ficheversion{ width: 15% ;text-align: center; max-width: 80px;}
table#logiciels .download{ width: 20%; text-align: center;}

/* table#logiciels td.download a,
table#logiciels td.ficheversion a{
    border:1px solid #d6d6d6;
    background-color: #efefef;
    border-radius: 4px;
    padding: 4px 8px;
    text-decoration: none;
    color: #676767;
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    user-select: none;
    min-width: 80px;

}
table#logiciels td.download a:hover,
table#logiciels td.ficheversion a:hover{
    background-color: #e5e5e5;
    border:1px solid #a8a8a8;
    color: #454545;
}

table#logiciels td a div.img{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -2px;
    background-color: #379dc3;

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

table#logiciels td.download div.img{
    mask-image: url('/ESPACE_CLIENT_WEB/download-solid-full.svg');
    -webkit-mask-image: url('/ESPACE_CLIENT_WEB/download-solid-full.svg');
}

table#logiciels td.ficheversion div.img{
    mask-image: url('/ESPACE_CLIENT_WEB/eye-solid-full.svg');
    -webkit-mask-image: url('/ESPACE_CLIENT_WEB/eye-solid-full.svg');
}
 */

/* Documentation */ 
.filtre-logiciel{
    display: flex;
    flex-direction: row;
    gap:30px;
}

.filtre-logiciel .main{
    /* margin-right: 10px; */
    /* font-size: 0.9em; */
}
.filtre-logiciel .list-group-item{
    
}

.filtre-logiciel .list-group-item .comment{
    display: block;
    opacity: 0.85;
}

.filtre-logiciel .list-group-item .badge{
    position: absolute; 
    right: 5px;
    top:5px;
}

.filtre-logiciel .list-group-item.active .badge{
    filter: grayscale(1);
}

.filtre-logiciel .sub-rep{
    margin-top: -24px;
    
}

.filtre-logiciel .all-file{
    margin-bottom: 5px;
}
.filtre-logiciel .sub-rep ul.list-group{
    max-height: 190px;
    overflow: auto;
}

.filtre-logiciel .sub-rep ul.list-group .list-group-item{
    font-size: 0.85em;
    padding: 0.25rem 1rem;
}
.filtre-logiciel .sub-rep ul.list-group .list-group-item label{
    width: calc(100% - 3em);
}
.filtre-logiciel .sub-rep ul.list-group .list-group-item label img{
    width: 22px;
}


.recherche .input-group img{width: 24px;}
#searchTable:not(:placeholder-shown) {
    /* border-color: #fd7e14; /* orange Bootstrap */
    /* box-shadow: 0 0 0 .25rem rgba(253, 126, 20, .25); */
    border-color: var(--bs-warning);  /* orange Bootstrap */ 
    box-shadow: 0 0 0 .25rem var(--bs-warning-border-subtle);
}

table#documentations .nom{max-width: 400px;}
table#documentations .logiciel{max-width: 120px;}
table#documentations td.logiciel{font-size: 0.9em;}
table#documentations td.logiciel img{width: 20px; margin-right:2px ;}
table#documentations .version{ text-align: center;}
table#documentations .date{ text-align: center;}
table#documentations .poids{ text-align: center;}
table#documentations .link{ text-align: center;}