:root {
  --hover-color: 217,77,3;
}
@font-face {
  font-family: 'Hermes';
  src: url("../fonts/hermes-picto.293379cfbf2e.ttf");
}
span.picto {
  font-family: Hermes;
}
td.picto, th.picto{
  width: 80px;
  text-align: center;
}
td.picto span.picto {
  font-size: 5em;
}
div#logo-edm {
    float: right;
    background-position-y: bottom;
    height: 65px;
}

.home-card:not(first-child) { margin-left: 0; }

select#id_buckle, select#id_bracelet, select#id_movement_type { width:90% }

.line-thumbnail {
  background: transparent !important;
}

#list_panelbtn { order: 1; }
#pages_panelbtn { order: 2; }
#search_panelbtn { order: 3; }
#display_panelbtn { order: 4; }
#actions_panelbtn { order: 5; }
#downloads_panelbtn { order: 6; }
#create_panelbtn { order: 7; }
#translations_panelbtn { order: 8; }

img.asset_infography {}

/** Styles for download area **/
#ref-choice, #id_data_choice {
  padding: 1.5rem;
  background: white;
  border: 1px solid var(--ui-3);
  border-radius: 0.25rem;
  box-shadow: 0 0 4px var(--ui-2);
}
#id_data_choice ul, #refs_found, #refs_not_found {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
#ref-choice .form-check + .form-check{
  margin-top: 0.5rem;  
}
#formtools_ref_list{
  width: 100%;
}
#ref-choice .form-check-label {
  font-weight: 700;
  color: var(--ui-8);
}
#refs_found li:before{
  content: '';
  background-image: url("../img/icons/ref_found-icon.0c843c5cd6e4.svg");
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  display: inline-flex;
  margin-right: 0.5rem;
}
#refs_not_found li:before{
  content: '';
  background-image: url("../img/icons/ref_not_found-icon.d84ea5cd1c16.svg");
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  display: inline-flex;
  margin-right: 0.5rem;
}
#search-results .ref {
  font-weight: 500;
}
/** process anim **/
.process-running{
  display: inline-flex;
  font-weight: 400;
  background: var(--ui-icons);
  padding: .375rem .75rem;
  -ms-flex-align: center !important;
  align-items: center !important;
  border-radius: .25rem;
  color: white;
}
.process-running span{
  margin-left: 0.5rem;
  font-size:0.9em;
}
#gear1{
  position:relative;
  transform-origin: 40px 88px;
  -webkit-animation: rotate_right 3s infinite linear;
  animation: rotate_right 3s infinite linear;
  fill: white;
}
#gear2{
  position: relative;
  transform-origin: 88px 40px;
  -webkit-animation: rotate_left 3s infinite linear;
  animation: rotate_left 3s infinite linear;
  fill: white; 
}
@-webkit-keyframes rotate_left{
  from {transform: rotate(-16deg);}
  to {transform: rotate(-376deg);}
}
@keyframes rotate_left{
  from {transform: rotate(-16deg);}
  to {transform: rotate(-376deg);}
}
@-webkit-keyframes rotate_right{
  from {transform: rotate(4deg);}
  to {transform: rotate(364deg);}
}
@keyframes rotate_right{
  from {transform: rotate(4deg);}
  to {transform: rotate(364deg);}
}

.zip-div-container {
  display: flex;
  flex: 0 0 100%;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#zip-link-div {
  padding: 0.5rem 1.5rem;
  background: var(--hover);
  border-radius: 0.25rem;
}
#zip-link-div a, #zip-link-div a:hover {
  font-weight: 700;
  color:white;
}

/* pex filters */
.pex-filters label {
  display: inline-flex;
  padding: .25rem .75rem;
  background: transparent;
  color:var(--ui-6);
  font-weight: bold;
  font-size: small;
  margin-right: .5em;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--ui-6);
  align-items: center;
}
.pex-filters label.checked {
  background: var(--hover);
  color: white;
  border-color: var(--hover);
}
.pex-filters span.cross {
  margin-left: .5rem;
  padding: .5rem;
  border-radius: 50%;
  background: white;
  width: .25rem;
  height: .25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-6);
  font-size: .65em; 
}
.pex-filters label:not(.checked) span.cross {
  display: none;
}
.pex-filters input { 
  display: none;
}