.no-close .ui-dialog-titlebar-close {display: none }
.ui-widget-overlay
{
  opacity: .70 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background: rgb(50, 50, 50) !important; /* This will make it darker */
}

.datatable_zotero
{
	padding-top:10px;
	padding-bottom:10px;
}
.datatable_zotero .cellule
{
	padding:12px 8px 12px 6px;
	background:#ffffff;
}
.datatable_zotero thead 
{
	display: none !important;
}	
.datatable_zotero  {
	background-color: white !important;
	border:none;
}
.datatable_zotero *  {
	background-color: white !important;
	border:none !important;
}
.dt-buttons {float:right !important;}
.dt-button {padding:4px !important;border-radius:4px !important; border:1px solid #bbb !important;}
.paginate_button {padding:2px 4px 2px 4px !important;border-radius:4px !important;    }
.dataTables_filter { position:relative !important; top:6px !important;}
.dataTables_filter input { height:28px !important;}
.dataTables_length { position:relative !important; top:6px !important;}
		
.datatable_zotero .sorting_1 {
	padding:0px !important;
}

.centre
{
	max-width:100%;
	max-height:100%;
}

.bars_small {
	width: 25.2px;
	height: 22.4px;
	--c: linear-gradient(#db2217 0 0);
	background: var(--c) 0%   50%,
		   var(--c) 50%  50%,
		   var(--c) 100% 50%;
	background-size: 10.1px 100%;
	background-repeat: no-repeat;
	animation: bars-t0lx83md 1s infinite linear;
 }
 .bars {
	width: 50.4px;
	height: 44.8px;
	--c: linear-gradient(#db2217 0 0);
	background: var(--c) 0%   50%,
		   var(--c) 50%  50%,
		   var(--c) 100% 50%;
	background-size: 10.1px 100%;
	background-repeat: no-repeat;
	animation: bars-t0lx83md 1s infinite linear;

	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
 }
 
 
@keyframes bars-t0lx83md {
   33% {
      background-size: 10.1px 10% ,10.1px 100%,10.1px 100%;
   }

   50% {
      background-size: 10.1px 100%,10.1px 10% ,10.1px 100%;
   }

   66% {
      background-size: 10.1px 100%,10.1px 100%,10.1px 10%;
   }
}

@keyframes progress-522wn2 {
   100% {
      background-size: 100% 115%;
   }
}

.abstract
{
	width: calc(95% - 40px) ;
	/* margin:-24px 24px 0px 24px; */
	position:relative;
	top:-24px;
	left:24px;
	right:24px;
	display:none;
	font-size:0.9em;
}

.mise-a-jour-partielle ,  .mise-a-jour-complete 
{
	color:#db2217;
	font-weight:bold;
	cursor:pointer;
	position: relative;
	top:4px;
}
.nettoyage , .nettoyage_da
{
	color:#db2217;
	font-weight:bold;
	position: relative;
	top:4px;
}

.copy
{
	font-size:16px;
	color:#db2217;
	font-weight:bold;
	cursor:pointer;
	position: relative;
	top:1px;
}
.collection
{
	font-size:14px;
	line-height: 16px;
	padding-bottom:16px;
	border-bottom: 1px solid #ccc;
}
#masque
{
	display:none;
	height:calc(100% - 60px);
	width:calc(100% - 40px);
	background: #444;
	opacity: 0.95 ;
	position:absolute;
	top:80px ;
	left:0px;
	padding:12px;
	margin:0px;

    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.resultats
{
   color:#db2217;
   font-weight:bold;
   padding-top: 20px;
}
.notice { display: none; }
/* Pour la page Collections */
.copy_nom0
{
	font-size:16px;
	color:#db2217;
	font-weight:bold;
	cursor:pointer;
	position: relative;
	top:1px;
	padding-left: 10px;
}
.copy, .copy_nom {
	cursor:pointer; 
	font-weight:normal; 
	color:#444; 
	font-size:14px; 
}
.maj_collection
{
	font-size:16px;
	color:#db2217;
	font-weight:bold;
	cursor:pointer;
	position: relative;
	top:2px;
	padding-left: 10px;
}

.maj_collection_complete
{
	font-size:16px;
	color:#db2217;
	font-weight:bold;
	cursor:pointer;
	position: relative;
	top:2px;
	padding-left: 10px;
}
.clean_collection
{
	font-size:24px;
	color:#db2217;
	font-weight:bold;
	cursor:pointer;
	position: relative;
	top:6px;
	padding-left: 10px;
}


.open_collection
{
	font-size:16px;
	color:#db2217;
	font-weight:900;
	cursor:pointer;
	position: relative;
	top:1px;
	padding-left:10px;
}
.open_collection_zotero
{
	font-size:16px;
	color:#db2217;
	font-weight:900;
	cursor:pointer;
	position: relative;
	top:1px;
	padding-left:10px;
}


.collection
{
	font-size:14px;
	line-height: 16px;
	padding-bottom:16px;
	border-bottom: 1px solid #ccc;
}
/* Pour la page Fichiers attachés */
.nom_fichier
{
	max-width:180px;
	background-color: rgba(0, 0, 0, 0.5);
	color:#fff;
	padding:4px ;
	font-weight:bold;
	border-radius: 4px;
	margin-bottom: 40px;
	margin-top: 4px;
}
.img_attachment
{
	width:180px;
	height:auto;
	padding-left: 4px;
	
}

.if
{
	opacity:0.3;
	padding-left:28px;
}

.cloud-check::before
{
	position:relative;
	top:-8px;
	animation: rotate 0.5s linear infinite; 
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23db2217' class='bi bi-hourglass' viewBox='0 0 16 16'%3E%3Cpath d='M2 1.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1-.5-.5m2.5.5v1a3.5 3.5 0 0 0 1.989 3.158c.533.256 1.011.791 1.011 1.491v.702c0 .7-.478 1.235-1.011 1.491A3.5 3.5 0 0 0 4.5 13v1h7v-1a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351v-.702c0-.7.478-1.235 1.011-1.491A3.5 3.5 0 0 0 11.5 3V2z'/%3E%3C/svg%3E"); 
}
.reload
{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23db2217' class='bi bi-arrow-clockwise' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/svg%3E"); 
}

.reload_spinning
{
	animation: rotation 0.5s infinite linear ;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23db2217' class='bi bi-arrow-clockwise' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/svg%3E"); 
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.spinner{
	display:inline-block; width: 50px; height: 50px;
	border-radius: 50%;
	box-shadow: inset -2px 0 0 2px #db2217;
  }