.btnSaisie{
	padding: 3px 18px;
	color:var(--theme-second-color);
	text-align:center;
	text-decoration: none;
    font-family: var(--theme-second_font-family);
	font-size: 14px;
	font-weight:500;
	border:none;
	vertical-align: middle;
	-webkit-border-radius:5px;
        -moz-border-radius:5px;
            border-radius:5px;
	background: rgb(0,226,224); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,226,224,1) 0%, rgba(0,226,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,226,224,1)), color-stop(100%,rgba(40,40,40,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,226,224,1) 0%,rgba(0,226,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,226,224,1) 0%,rgba(0,226,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,226,224,1) 0%,rgba(0,226,224,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,226,224,1) 0%,rgba(0,226,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:inset 0px 1px 0px 0px #bdbdbd;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bdbdbd;
	box-shadow:inset 0px 1px 0px 0px #bdbdbd;
	background-color:#d9d9d9;
	border:1px solid #2c2c2c;
	cursor: var(--theme-cursor);
}

.btnSaisie:hover{
	text-shadow: 0 0 0.2em #069da2, 0 0 0.2em #069da2,0 0 0.2em #069da2;
}

.btnSaisie:active{
    color:#2a2a2a;
    background:#7e7e7e;
	text-shadow: none;
    -webkit-box-shadow:1px 1px 10px #4d4d4d inset, 0 1px 0 rgba(255,255,255,0.4);
       -moz-box-shadow:1px 1px 10px #4d4d4d inset, 0 1px 0 rgba(255,255,255,0.4);
            box-shadow:1px 1px 10px #4d4d4d inset, 0 1px 0 rgba(255,255,255,0.4);
}

.btnSaisie:disabled,
.btnSaisie[disabled]{
	color: #c0c0c0;
	text-shadow:0px 1px 1px #f4f4f4;
	background: rgb(252,255,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
	background-color:#d9d9d9;
	border:1px solid #2c2c2c;
	cursor: not-allowed;
}

/* Minify Classic Button */
.btnSaisie-minified{
	color: white;
	font: bold 14px Avenir;
	border:none;
	padding: 5px 20px 5px 20px;
	text-align:center;
	vertical-align: middle;
	cursor: var(--theme-cursor);
}

.btnSaisie-minified:hover{
	text-shadow: 0 0 0.2em black, 0 0 0.2em black,0 0 0.2em black;
}

.btnSaisie-minified:active{
	text-shadow: none;
    -webkit-box-shadow:1px 1px 10px #4d4d4d inset, 0 1px 0 rgba(255,255,255,0.4);
       -moz-box-shadow:1px 1px 10px #4d4d4d inset, 0 1px 0 rgba(255,255,255,0.4);
            box-shadow:1px 1px 10px #4d4d4d inset, 0 1px 0 rgba(255,255,255,0.4);
}

.btnSaisie-minified:disabled,
.btnSaisie-minified[disabled]{
	color: #c0c0c0;
	background-color:#d9d9d9;
	text-shadow:0px 1px 1px #f4f4f4;
	background: rgb(252,255,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
	cursor: not-allowed;
}

.link-user, .link-ticket, .link-refresh {
	cursor: var(--theme-cursor);
	color: var(--theme-second-color);
	margin-right: 3px;
	text-transform: uppercase;
	font: bold 14px var(--theme-second_font-family);
	transition-property: font-size;
    transition-duration: 0.5s;
    transition-delay: 0.1s;
}
.link-user:hover, .link-ticket:hover, .link-refresh:hover {
	font-size: 20px;
}
.btn-close,
.btn-toggle,
.btn-user,
.btn-ticket,
.btn-apply,
.btn-warning,
.btn-suppr,
.btn-add,
.btn-refresh{
	min-width:25px;
	min-height:25px;
	max-width:25px;
	max-height:25px;
	background:none;
	border:none;
	background-size: 100%;
	background-position:center;
	background-repeat:no-repeat;
	cursor: var(--theme-cursor);
}

.btn-close:active,
.btn-toggle:active,
.btn-user:active,
.btn-ticket:active,
.btn-apply:active,
.btn-warning:active,
.btn-suppr:active,
.btn-add:active,
.btn-refresh:active{
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	background-position:top left;
}

.btn-close{background-image:url(pictures/ico/icoClose.png);}
.btn-toggle{background-image:url(pictures/ico/icoToogle.png);}
.btn-user{background-image:url(pictures/ico/icoUser.png);}
.btn-ticket{background-image:url(pictures/ico/icoQuestion.png);}
.btn-apply{background-image:url(pictures/ico/icoApply.png);}
.btn-warning{background-image:url(pictures/ico/icoWarning.png);}
.btn-suppr{background-image:url(pictures/ico/icoSuppr.png);}
.btn-add{background-image:url(pictures/ico/icoAdd.png);}
.btn-refresh{background-image:url(pictures/ico/icoRefresh.png);}
.btn-excel{background-image:url(pictures/ico/icoExcel.png);}
.btn-pdf{background-image:url(pictures/ico/icoPDF.png);}

/* Generic Button Management */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.glowing-btn {
  position: relative;
  color: var(--theme-main-color);
  cursor: var(--theme-cursor);
  padding: 0.35em 1em;
  border: 0.15em solid var(--theme-main-color);
  border-radius: var(--theme-size-radius);
  background: none;
  perspective: 2em;
  font-family: var(--theme-second_font-family);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 4px;

  -webkit-box-shadow: inset 0px 0px 0.5em 0px var(--theme-main-color),
    0px 0px 0.5em 0px var(--theme-main-color);
  -moz-box-shadow: inset 0px 0px 0.5em 0px var(--theme-main-color),
    0px 0px 0.5em 0px var(--theme-main-color);
  box-shadow: inset 0px 0px 0.5em 0px var(--theme-main-color),
    0px 0px 0.5em 0px var(--theme-main-color);
  animation: border-flicker 2s linear infinite;
}

.glowing-txt {
  float: left;
  margin-right: -0.8em;
  -webkit-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
    0 0 0.45em var(--theme-main-color);
  -moz-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
    0 0 0.45em var(--theme-main-color);
  text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em var(--theme-main-color);
  animation: text-flicker 3s linear infinite;
}

.faulty-letter {
  opacity: 0.5;
  animation: faulty-flicker 2s linear infinite;
}

.glowing-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
  filter: blur(1em);
  transform: translateY(120%) rotateX(95deg) scale(1, 0.35);
  background: var(--theme-main-color);
  pointer-events: none;
}

.glowing-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background-color: var(--theme-main-color);
  box-shadow: 0 0 2em 0.2em var(--theme-main-color);
  transition: opacity 100ms linear;
}

.glowing-btn:hover {
  color: var(--theme-second-color);
  text-shadow: none;
  animation: none;
}

.glowing-btn:hover .glowing-txt {
  animation: none;
}

.glowing-btn:hover .faulty-letter {
  animation: none;
  text-shadow: none;
  opacity: 1;
}

.glowing-btn:hover:before {
  filter: blur(1.5em);
  opacity: 1;
}

.glowing-btn:hover:after {
  opacity: 1;
}

@keyframes faulty-flicker {
  0% {
    opacity: 0.1;
  }
  2% {
    opacity: 0.1;
  }
  4% {
    opacity: 0.5;
  }
  19% {
    opacity: 0.5;
  }
  21% {
    opacity: 0.1;
  }
  23% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  83% {
    opacity: 0.4;
  }

  87% {
    opacity: 1;
  }
}

@keyframes text-flicker {
  0% {
    opacity: 0.1;
  }

  2% {
    opacity: 1;
  }

  8% {
    opacity: 0.1;
  }

  9% {
    opacity: 1;
  }

  12% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0.3;
  }
  30% {
    opacity: 1;
  }

  70% {
    opacity: 0.7;
  }
  72% {
    opacity: 0.2;
  }

  77% {
    opacity: 0.9;
  }
  100% {
    opacity: 0.9;
  }
}

@keyframes border-flicker {
  0% {
    opacity: 0.1;
  }
  2% {
    opacity: 1;
  }
  4% {
    opacity: 0.1;
  }

  8% {
    opacity: 1;
  }
  70% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
