.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_zotero0 thead 
{
	display: none !important;
}	
.datatable_zotero  {
	background-color: white !important;
}
.datatable_zotero *  {
	background-color: white !important;
   border:none !important;
}

.dt-search input {height:28px !important; border:1px solid #bbb !important;}
.dt-length select { border:1px solid #ddd !important; }
.dt-paging-button {padding-left:12px !important;padding-right:12px !important;}
.last  {font-size:22px !important; position:relative; top:2px !important; padding-top:2px !important; padding-bottom:2px !important;}
.first {font-size:22px !important; position:relative; top:2px !important; padding-top:2px !important; padding-bottom:2px !important;}
.next {font-size:20px !important; position:relative; top:2px;  padding-top:2px !important; padding-bottom:2px !important;}
.previous {font-size:20px !important; position:relative; top:2px;  padding-top:2px !important; padding-bottom:2px !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='24' height='24' 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='24' height='24' 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;
  }

#myProgress {
  width: 90%;
  margin:auto;
  display:block;
  background-color: #ccc;
  border-radius: 12px;
}

#myBar {
  width: 0%;
  height: 30px;
  background-color: #ea2936;
  border-radius: 12px 0px 0px 12px;
}

/* Modal content */
.modal-content, .modal-content2 {
   background-color: #fefefe; 
  /*background-color: rgba(0, 0, 0, 0.5); */ /* Black w/ opacity */
  margin: 15% auto; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  border-radius: 8px;
}

/* Close button */
.close-button {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


#modal-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6); /* Black with 60% opacity */
  backdrop-filter: blur(4px); 
}

#modal-content {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0 0 20px 0 #222;
  -webkit-box-shadow: 0 0 20px 0 #222;
  -moz-box-shadow: 0 0 20px 0 #222;
  display: none;
  height: 460px;
  left: 50% ; 
  margin: -20px 0 0 -160px;
  padding: 10px;
  position: fixed;
  top: 10%;
  width: 300px;
  z-index: 1000;
}

#titre
{
  background-color: #eee ;
  color:#fd0002 ;
  font-weight: 500;
  font-size:1.2em;
  border-radius: 4px 4px 0px 0px;
  width: calc(100% + 6px) ;
  height:40px;
  position:relative;
  top: -11px;
  left: -11px;
  padding:6px 6px 6px 10px;
}

#modal-background.affiche, #modal-content.affiche {
  display: block;
}

.loading {
	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"); 
}




.dots {
   float:left;
   width: 24px;
   height: 11.5px;
   background: radial-gradient(circle closest-side,#db2317 90%,#0000) 0%   50%,
          radial-gradient(circle closest-side,#db2317 90%,#0000) 50%  50%,
          radial-gradient(circle closest-side,#db2317 90%,#0000) 100% 50%;
   background-size: calc(100%/3) 5.8px;
   background-repeat: no-repeat;
   animation: dots-7ar3yq 1s infinite linear;
}

@keyframes dots-7ar3yq {
   20% {
      background-position: 0%   0%, 50%  50%,100%  50%;
   }

   40% {
      background-position: 0% 100%, 50%   0%,100%  50%;
   }

   60% {
      background-position: 0%  50%, 50% 100%,100%   0%;
   }

   80% {
      background-position: 0%  50%, 50%  50%,100% 100%;
   }
}

.dots-large {
   width: 72px;
   height: 34.6px;
   background: radial-gradient(circle closest-side,#db2317 90%,#0000) 0%   50%,
          radial-gradient(circle closest-side,#db2317 90%,#0000) 50%  50%,
          radial-gradient(circle closest-side,#db2317 90%,#0000) 100% 50%;
   background-size: calc(100%/3) 17.3px;
   background-repeat: no-repeat;
   animation: dots-7ar3yq-2 1s infinite linear;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
}

@keyframes dots-7ar3yq-2 {
   20% {
      background-position: 0%   0%, 50%  50%,100%  50%;
   }

   40% {
      background-position: 0% 100%, 50%   0%,100%  50%;
   }

   60% {
      background-position: 0%  50%, 50% 100%,100%   0%;
   }

   80% {
      background-position: 0%  50%, 50%  50%,100% 100%;
   }
}



.dots2 {
	float:left;
   width: 9.6px;
   height: 9.6px;
   background: #db2217;
   color: #db2217;
   border-radius: 50%;
   box-shadow: 9.6px 0,-19.2px 0;
   animation: dots-h5boszsm 0.5s infinite linear alternate;
}

@keyframes dots-h5boszsm {
   50% {
      box-shadow: 9.6px 0,-9.6px 0;
   }

   100% {
      box-shadow: 19.2px 0,-9.6px 0;
   }
}

.progress {
   width: 28.8px;
   height: 28.8px;
   border: 7.2px solid #dbdcef;
   border-radius: 50%;
   position: relative;
   transform: rotate(45deg);
}

.progress::before {
   content: "";
   position: absolute;
   inset: -7.2px;
   border-radius: 50%;
   border: 7.2px solid #db2317;
   animation: progress-1tucza 2s infinite linear;
}

@keyframes progress-1tucza {
   0% {
      clip-path: polygon(50% 50%,0 0,0    0,0    0   ,0    0   ,0    0   );
   }

   25% {
      clip-path: polygon(50% 50%,0 0,100% 0,100% 0   ,100% 0   ,100% 0   );
   }

   50% {
      clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);
   }

   75% {
      clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0    100%,0    100%);
   }

   100% {
      clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0    100%,0    0   );
   }
}

.checkbox-wrapper {
   box-sizing: border-box;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   --background-color: #fff;
   --checkbox-size: 22px;
}

.checkbox-wrapper .input {
   display: none;
}

.checkbox-wrapper .checkbox {
   height: var(--checkbox-size);
   width: var(--checkbox-size);
   background-color: transparent;
   border: calc(var(--checkbox-size) * .1) solid #000000;
   border-radius: calc(var(--checkbox-size) / 4);
   position: relative;
   display: inline-block;
   box-sizing: border-box;
   transition: border-color ease 0.2s;
   cursor: pointer;
}

.checkbox-wrapper .checkbox::before,
.checkbox-wrapper .checkbox::after {
   box-sizing: border-box;
   position: absolute;
   height: 0;
   width: calc(var(--checkbox-size) * .2);
   background-color: #db2317;
   display: inline-block;
   transform-origin: left top;
   border-radius: calc(var(--checkbox-size) / 4);
   content: " ";
   transition: opacity ease 0.5;
}

.checkbox-wrapper .checkboxTous les fichiers attachés
   top: calc(var(--checkbox-size) * .72);
   left: calc(var(--checkbox-size) * .41);
   box-shadow: 0 0 0 calc(var(--checkbox-size) * .05) var(--background-color);
   transform: rotate(-135deg);
}

.checkbox-wrapper .checkbox::after {
   top: calc(var(--checkbox-size) * .37);
   left: calc(var(--checkbox-size) * .05);
   transform: rotate(-45deg);
}

.checkbox-wrapper .input:checked + .checkbox,
.checkbox-wrapper .checkbox.checked {
   border-color: #db2317;
}

.checkbox-wrapper .input:checked + .checkbox::after,
.checkbox-wrapper .checkbox.checked::after {
   height: calc(var(--checkbox-size) / 2);
   animation: animation-top 0.2s ease 0s forwards;
}

.checkbox-wrapper .input:checked + .checkbox::before,
.checkbox-wrapper .checkbox.checked::before {
   height: calc(var(--checkbox-size) * 1.2);
   animation: animation-bottom 0.4s ease 0s forwards;
}

@keyframes animation-top {
   0% {
      height: 0;
   }

   100% {
      height: calc(var(--checkbox-size) / 2);
   }
}

@keyframes animation-bottom {
   0% {
      height: 0;
   }

   50% {
      height: 0;
   }

   100% {
      height: calc(var(--checkbox-size) * 1.2);
   }
}

.menuContextuel, .menuContextuelAttachment 
{
   padding:4px 4px 4px 4px;
   margin-top:4px;
   cursor:pointer ;
   width: fit-content;
   min-width: 180px;
   border-radius: 4px;
   cursor: pointer;
}
.menuContextuel:hover
{
   background:#eee;
   box-shadow: 2px 4px #888888;
   border-top: 1px solid #aaa;
   border-left: 1px solid #aaa;
}
.menuContextuelAttachment
{
   height:28px;
   padding:4px;
   margin-top:10px;
}
.menuContextuelAttachment::before
{
   content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23db2217' class='bi bi-file-earmark-text' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z'/%3E%3C/svg%3E"); 
   position: relative;
   top:4px;
}
.menuContextuelAttachment:hover
{
   background-color:#eee;
   box-shadow: 2px 4px #888888;
   border-top: 1px solid #aaa;
   border-left: 1px solid #aaa;
}

.currently-showing-menu
{
   background-color:#eee;
   box-shadow: 2px 4px #888888;
   border-top: 1px solid #aaa;
   border-left: 1px solid #aaa;
}
.context-menu-icon-maj {
    background-image: 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"); 
    background-repeat: no-repeat;
    background-position: 4px 6px;
}
.context-menu-icon-maj:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' 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"); 
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

.context-menu-icon-full {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23db2217' class='bi bi-arrows-fullscreen' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 4px 6px;
}
.context-menu-icon-full:hover {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ffffff' class='bi bi-arrows-fullscreen' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

.context-menu-icon-trash {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23db2217' class='bi bi-trash' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 4px 6px;
}
.context-menu-icon-trash:hover {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-trash' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

/* menu header */
.css-title:before {
    content: "Options";
    display: block;
    /* additional styling for appearance */
    padding: 2px;  
    padding-left: 8px; 
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #ccc;
    background-color: #ddd;
    border-radius: 4px 4px 0px 0px;
    position:relative;
    top:-4px;
}
.css-title :first-child {

} 

.check
{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='green' class='bi bi-check2' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
.ref_download
{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-download' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E");
}
.trash
{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash3' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}
.link45
{
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23db2217' class='bi bi-link-45deg' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/%3E%3C/svg%3E");
}
.pdfview 
{
   cursor:pointer;
}
.featherlight-inner
{
   margin-top:24px;
   padding-left: 10px;
   padding-right: 10px;
   max-width:100% ;
}
.featherlight {
    background: rgba(0, 0, 0, 0.5) !important; /* Changes the dark overlay color and transparency */
}
.datatable_zotero
{
   max-width: 100% !important;
}